码迷,mamicode.com
首页 > 其他好文 > 详细

复选框的 全选 反选 全不选

时间:2017-05-09 14:55:19      阅读:143      评论:0      收藏:0      [点我收藏+]

标签:button   check   this   als   cti   orm   input   for   function   

 //全选
$("#btn1").click(function(){
$("input[name=‘FORM_COLUMNS‘]").prop("checked",true);
});
//取消全选
$("#btn2").click(function(){
$("input[name=‘FORM_COLUMNS‘]").prop("checked",false);
});

//反选
$("#btn3").click(function(){
$("input[name=‘FORM_COLUMNS‘]").each(function(){
if($(this).is(":checked"))
{
$(this).prop("checked",false);
}
else
{
$(this).prop("checked",true);
}
})
});



<input type="button" id="btn1" value="全选">
<input type="button" id="btn2" value="取消全选">
<input type="button" id="btn3" value="反选">





复选框的 全选 反选 全不选

标签:button   check   this   als   cti   orm   input   for   function   

原文地址:http://www.cnblogs.com/g-yang/p/6830285.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!