jquery checkbox 选中

最新推荐文章于 2022-12-11 12:48:13 发布

CHOUFENGDDDDDD

最新推荐文章于 2022-12-11 12:48:13 发布

阅读量155

点赞数

文章标签： javascript ViewUI

本文链接：https://blog.csdn.net/CHOUFENGDDDDDD/article/details/84750634

版权

<BODY>
<form name="form1" method="post" action="">
   <input type="button" id="btn1" value="全选">
   <input type="button" id="btn2" value="取消全选">
   <input type="button" id="btn3" value="选中所有奇数">
   <input type="button" id="btn4" value="反选">
   <input type="button" id="btn5" value="获得选中的所有值">
   <br>
   <input type="checkbox" name="checkbox" value="checkbox1">
   checkbox1
   <input type="checkbox" name="checkbox" value="checkbox2">
   checkbox2
   <input type="checkbox" name="checkbox" value="checkbox3">
   checkbox3
   <input type="checkbox" name="checkbox" value="checkbox4">
   checkbox4
   <input type="checkbox" name="checkbox" value="checkbox5">
   checkbox5
   <input type="checkbox" name="checkbox" value="checkbox6">
   checkbox6
   <input type="checkbox" name="checkbox" value="checkbox7">
   checkbox7
   <input type="checkbox" name="checkbox" value="checkbox8">
checkbox8
</form>

//全选$("[name='checkbox']").attr("checked",'true');

//取消全选$("[name='checkbox']").removeAttr("checked");//取消全选

//选中所有奇数$("[name='checkbox']:even").attr("checked",'true');//选中所有奇数

//反选

$("[name='checkbox']").each(function(){
    if($(this).attr("checked"))
    {
   $(this).removeAttr("checked");
    } else
   {
    $(this).attr("checked",'true');
   }
    })