大家在制作HTML网页时可能会需要使用到按下「全选」后选择所有的Checkbox，所以今天就来叫大家如何使用jQuery来实现Checkbox全选的功能
教学
1、首先在你需要出现全选的地方加入下列代码
|
1 |
<input type="checkbox" name="checkbox_name[]" id="all" value="all"> |
注意：注意将 checkbox_name[] 改成你其他Checkbox的名称，同时也需要在JS内修改
2、加入jQuery代码
|
1 2 3 4 5 |
$(function() { $('#all').click(function(){ $("input[name='checkbox_name[]'").prop("checked",$(this).prop("checked")); }); }); |
3、这样你只需要按下那个Checkbox就可以自动勾选上所有的Checkbox啦！
预览
