复选框的 全选 反选 全不选
Posted 小小太阳儿
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了复选框的 全选 反选 全不选相关的知识，希望对你有一定的参考价值。
//全选
$("#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="反选">
以上是关于复选框的 全选 反选 全不选的主要内容，如果未能解决你的问题，请参考以下文章