| 标题 | jquery操作checkbox示例分享 |
| 内容 | checkbox操作 1. 全选、全不选 2.打印所有的选中项目 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" ""> <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> |
| 随便看 |
|
在线学习网考试资料包含高考、自考、专升本考试、人事考试、公务员考试、大学生村官考试、特岗教师招聘考试、事业单位招聘考试、企业人才招聘、银行招聘、教师招聘、农村信用社招聘、各类资格证书考试等各类考试资料。