用JQuery实现全选与取消的两种简单方法
2018-10-12 14:02
706 查看
用JQUERY实现全选和取消全选,没有js那么繁琐,而且支持更多浏览器。
更加简单的一种:
<mce:script type="text/javascript"><!--
$(function() {
$("#checkall").click(function() {
$("input[@name='checkname[]']").each(function() {
$(this).attr("checked", true);
});
});
$("#delcheckall").click(function() {
$("input[@name='checkname[]']").each(function() {
$(this).attr("checked", false);
});
});
});
// --></mce:script>
<input type='checkbox' id='id1' name='checkname[]' value='1' />value1
<input type='checkbox' id='id2' name='checkname[]' value='2' />value2
<input type='checkbox' id='id3' name='checkname[]' value='3' />value3
<input type="button" id="checkall" name="checkall" value="全选" />
<input type="button" id="delcheckall" name="delcheckall" value="取消全选" />
更加简单的一种:
$("#checkall").click(
function(){
if(this.checked){
$("input[name='checkname']").attr('checked', true)
}else{
$("input[name='checkname']").attr('checked', false)
}
}
);
您可能感兴趣的文章:
相关文章推荐
- 用JQuery实现全选与取消的两种简单方法
- jquery实现全选、不选、反选的两种方法
- jquery实现全选、不选、反选的两种方法
- 多选框全选/取消jQuery 简单实现
- jquery实现全选、不选、反选的两种方法
- GridView 实现服务器端和客户端全选的两种方法
- GridView 实现服务器端和客户端全选的两种方法
- GridView 实现服务器端和客户端全选的两种方法
- 使用jQuery实现checkbox全选/取消全选
- jQuery实现checkBox全选全取消
- 在GridView中加入CheckBox并实现全选的两种方法
- jQuery checkbox全选/取消全选实现代码
- jquery实现checkbox全选、取消全选
- jquery实现checkbox全选、取消全选
- jquery checkbox全选、取消全选实现代码
- GridView 实现服务器端和客户端全选的两种方法
- asp.net2.0 GridView 实现服务器端和客户端全选的两种方法
- jquery实现checkbox全选、取消全选
- GridView 实现服务器端和客户端全选的两种方法
- jQuery实现checkbox全选全取消