为多个checkbox绑定单击事件

来源：互联网发布：android模拟器linux版编辑：程序博客网时间：2024/05/20 19:18

当单击一个checkbox时触发一个方法，先判断其是否选中，然后执行相应的操作：

/** **************** 选择框点击事件绑定 ************* */function checkboxOnClick() {var a=[];$("input[type=checkbox]").click(function() {var checkbox_value = $(this).attr('value');if ($("#selectInfo" + checkbox_value).is(":checked")) {if(a[0]=='未选择'){a.splice(0,1);//splice() 方法用于插入、删除或替换数组的元素。}if(checkbox_value == "C\\+\\+")checkboxvalue="C++";if(checkboxvalue=='\\.Net') checkboxvalue='.Net';a.push(checkbox_value);dwr.util.setValue(tdid,a);//填充ID为tdid的表格行} else {if(checkbox_value == "C\\+\\+")checkboxvalue="C++";if(checkboxvalue=='\\.Net') checkboxvalue='.Net';//alert(checkbox_value);for(var i=0;i<a.length;i++){if(checkboxvalue==a[i]) break;}a.splice(i,1);//splice() 方法用于插入、删除或替换数组的元素。if(a==''){a.push('未选择');};dwr.util.setValue(tdid,a);//填充ID为tdid的表格行}});}

页面加载时，加载此方法：

window.onload = function() {checkboxOnClick();};

或：

jQuery(function() {checkboxOnClick();});

其jsp页面代码：

<html>  <head>    <title>DWR获取浏览器页面信息</title>  </head>  <body><table id="tableid" border="1" align="center">    <tr>  <td id="tdid"colspan="2" >修改此行值</td>  </tr></table><input type="checkbox" name="interest" id="selectInfoC" value="C" />C<input type="checkbox" name="interest" id="selectInfoVB" value="VB" />VB<input type="checkbox" name="interest" id="selectInfoVFoxpro" value="VFoxpro" />VFoxpro<input type="checkbox" name="interest" id="selectInfoC++" value="C\+\+" />C++<input type="checkbox" name="interest" id="selectInfoJava" value="Java" />Java<input type="checkbox" name="interest" id="selectInfo.Net" value="\.Net" />.Net<input type="checkbox" name="interest" id="selectInfoPHP" value="PHP" />PHP<input type="checkbox" name="interest" id="selectInfoDelphi" value="Delphi" />Delphi  </body></html>

0 0