jsjQuery 判断复选框选中状态的方法总结

    xiaoxiao2022-07-12  154

    JS方法:box.checked==true,即当前复选框为选中状态。 jQuery方法: 第一种方法: $("#test1").prop(“checked”); 第二种方法: $("#test1").is(":checked");选中状态为true,未选中状态都是false。 练习 全选反选 案例

    <input type="checkbox" onclick="selectAll(this)">全选 <div id="checkAll"> <input type="checkbox">1 <input type="checkbox">2 <input type="checkbox">3 <input type="checkbox">4 <input type="checkbox">5 <input type="checkbox">6 <input type="checkbox">7<br> <a onclick="selectReverse()" style="text-decoration:none;cursor:pointer;">反选</a> </div> <script> function selectAll(box){ var checkAll=document.getElementById("checkAll").children; for(var i=0;i<checkAll.length;i++){ if(box.checked==true){ checkAll[i].checked=true; }else{ checkAll[i].checked=false; } } } function selectReverse(){ var checkAll=document.getElementById("checkAll").children; for(var i=0;i<checkAll.length;i++){ if(checkAll[i].checked==true){ checkAll[i].checked=false; }else{ checkAll[i].checked=true; } } } </script>
    最新回复(0)