MVC Jquery 实现Checkbox全选
2009-12-18 16:12
190 查看
页面
<input type="checkbox" name="chkritb" id="chkritb" />
<input type="checkbox" name="chkritb" id="chkritb" />
<input type="checkbox" name="chkritb" id="chkritb" />
<input type="checkbox" name="chkritb" id="chkritb" />
<input type=”checkbox” name=”checkedAll” id=”checkedAll”/>全选/取消全选
<script type="text/javascript">
$(function () {
$("#checkedAll").click(function () {
if ($(this).attr("checked") == true) { // 全选
$("input[id=chkritb]").each(function () {
$(this).attr("checked", true);
});
} else { // 取消全选
$("input[id=chkritb]").each(function () {
$(this).attr("checked", false);
});
}
});
});
</script>
<input type="checkbox" name="chkritb" id="chkritb" />
<input type="checkbox" name="chkritb" id="chkritb" />
<input type="checkbox" name="chkritb" id="chkritb" />
<input type="checkbox" name="chkritb" id="chkritb" />
<input type=”checkbox” name=”checkedAll” id=”checkedAll”/>全选/取消全选
<script type="text/javascript">
$(function () {
$("#checkedAll").click(function () {
if ($(this).attr("checked") == true) { // 全选
$("input[id=chkritb]").each(function () {
$(this).attr("checked", true);
});
} else { // 取消全选
$("input[id=chkritb]").each(function () {
$(this).attr("checked", false);
});
}
});
});
</script>
相关文章推荐
- js在repeater控件内每一行<input type="checkbox"/>实现全选,全不选,然后获取每一行的ID删除
- JQuery实现checkbox全选和取消全选
- jq实现checkbox全选中以及获得选中的checkbox的值
- checkbox实现全选的多种方法(转)
- (ajax)GridView中实现CheckBox的全选
- Flex中DataGrid实现列(包括头部)中加入CheckBox全选功能
- javascript实现checkBox的全选,反选与赋值
- ASP.NET Gridview与checkbox全选、全不选实现代码
- GridView模板中用Checkbox实现全选删除
- JQuery checkbox 全选实现
- jQuery判断checkbox(复选框)是否被选中以及全选、反选实现代码
- Javascript 实现TreeView CheckBox全选效果
- js实现checkbox全选和反选示例
- jQuery实现checkbox(复选框)选中、全选反选代码
- 单击头模板中的checkbox,实现datalist中所有chebox的全选和取消
- CheckBOx实现全选
- 如何实现单击在DATALIST(DATAGRID)的HEADER加入的CHECKBOX,进行DATALIST(DATAGRID)中的CHECKBOX列全选或全不选
- asp.net程序中实现checkbox全选代码
- asp.net gridview中用checkbox全选的几种实现的区别
- js实现checkbox全选和全不选