jquery操作checkbox示例分享
checkbox操作
1. 全选、全不选
2.打印所有的选中项目
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title> </title>
<script type="text/javascript" src="jquery-1.3.2.js"></script>
<script>
// 全选、全不选
function docChkBoxChange(){
var isChecked = jQuery('#docChkBoxTop').attr('checked');
// 设置以下所有的 checkBox 列表
jQuery("input[name=docChkBox]").each(function(){
this.checked = isChecked;
});
}//end function
// 打印所有的选中项目
function printChoose(){
var isChecked = jQuery('#docChkBoxTop').attr('checked');
// 设置以下所有的 checkBox 列表
jQuery("input[name=docChkBox]").each(function(){
if(this.checked){
alert(this.value)
}
});
}//end function
</script>
</head>
<body>
<table>
<tr>
<td>
<input id='docChkBoxTop' type="checkbox" onClick='docChkBoxChange()'>全选、全不选
</td>
</tr>
<tr>
<td>
<input name='docChkBox' type="checkbox" value='apple'>苹果
</td>
</tr>
<tr>
<td>
<input name='docChkBox' type="checkbox" value='banana'>香蕉
</td>
</tr>
<tr>
<td>
<input type="button" value='打印所有选中项' onClick='printChoose()'>
</td>
</tr>
</table>
</body>
</html>
-
本文向大家介绍jQuery链式操作实例分析，包括了jQuery链式操作实例分析的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了jQuery链式操作。分享给大家供大家参考，具体如下： 从过去的实例中，我们知道jQuery语句可以链接在一起，这不仅可以缩短代码长度，而且很多时候可以实现特殊的效果。 以上代码为整个<div>列表增加样式css1,然后再进行筛选，再为筛选的元素单独增加css2样式
-
本文向大家介绍jQuery中DOM操作实例分析，包括了jQuery中DOM操作实例分析的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了jQuery中DOM操作的方法。分享给大家供大家参考。具体分析如下： 这里主要设计的dom操作包括：dom对象的创建(JS方式和jquery方式)、属性的修改、样式的修改、动态绑定事件 代码如下： 希望本文所述对大家的jQuery程序设计有所帮助。
-
本文向大家介绍jquery分页优化操作实例分析，包括了jquery分页优化操作实例分析的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了jquery分页优化操作。分享给大家供大家参考，具体如下： 前言 上次写了博客 jquery分页显示，文章的jquery分页方式虽然可以通过js实现分页，但是也存在明显的弊端。 该篇文章的思路是，每次通过ajax请求获取到记录，然后通过判断当前页面，显示或者
-
本文向大家介绍node.js操作mongodb简单示例分享，包括了node.js操作mongodb简单示例分享的使用技巧和注意事项，需要的朋友参考一下 前两篇文章我们介绍了nodejs操作redis和MySQL，下面简要测试一下nodejs操作mongodb： 首先安装nodejs mongodb 代码
-
本文向大家介绍jQuery插件扩展操作入门示例，包括了jQuery插件扩展操作入门示例的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了jQuery插件扩展操作。分享给大家供大家参考，具体如下： 如下DEMO 展示了为dom扩展一个myshowHtml 的方法 更多关于jQuery相关内容感兴趣的读者可查看本站专题：《jQuery扩展技巧总结》、《jQuery常用插件及用法总结》、《jQue
-
本文向大家介绍jquery操作复选框checkbox的方法汇总，包括了jquery操作复选框checkbox的方法汇总的使用技巧和注意事项，需要的朋友参考一下 本文实例汇总了jquery操作复选框checkbox的方法。分享给大家供大家参考。具体分析如下： jquery判断checked的三种方法： jquery赋值checked的几种写法： 所有的jquery版本都可以这样赋值： jquery1