手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >jquery操作checkbox示例分享
jquery操作checkbox示例分享
摘要:checkbox操作1.全选、全不选2.打印所有的选中项目//全选、全不选functiondocChkBoxChange(){varisCh...

checkbox操作

1. 全选、全不选

2.打印所有的选中项目

jquery操作checkbox示例分享1

<!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操作checkbox示例分享】相关文章:

Jquery zTree 树控件异步加载操作

浅谈jQuery构造函数分析

jquery使用each方法遍历json格式数据实例

jquery实现用户打分评分特效

jQuery聚合函数实例

光标定位等TextRange的操作的范例代码

jQuery插件bgStretcher.js实现全屏背景特效

jquery中map函数遍历数组用法实例

jquery插件splitScren实现页面分屏切换模板特效

JQuery中Text方法用法实例分析

精品推荐
分类导航