手机
当前位置:查字典教程网 >编程开发 >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示例分享】相关文章:

判断checkbox选择的个数 多浏览器

浅谈jQuery构造函数分析

jQuery+ajax实现无刷新级联菜单示例

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

jQuery插件datepicker 日期连续选择

jquery使用经验小结

javascript中CheckBox全选终极方案

jquery判断至少有一个checkbox被选中的方法

Jquery注册事件实现方法

JS中的Replace方法使用经验分享

精品推荐
分类导航