checkbox 全选和全不选jQuery代码实现详解编程语言

JavaScript部分:

function checkAll(obj){ 
    $("#box input[type='checkbox']").prop('checked', $(obj).prop('checked')); 
}

html部分:

<div id="box"> 
    <input type="checkbox" onclick="checkAll(this)">全选<br><br> 
    <input type="checkbox"><br> 
    <input type="checkbox"><br> 
    <input type="checkbox"><br> 
    <input type="checkbox"><br> 
    <input type="checkbox"><br> 
    <input type="checkbox"><br> 
    <input type="checkbox"><br> 
    <input type="checkbox"><br> 
    <input type="checkbox"><br>     
</div> 
 
 

原创文章,作者:奋斗,如若转载,请注明出处:https://blog.ytso.com/tech/pnotes/8681.html

(0)
上一篇 2021年7月18日 22:18
下一篇 2021年7月18日 22:18

相关推荐

发表回复

登录后才能评论