您的位置：首页 > 其它

为多个checkbox绑定单击事件

2016-01-29 13:31 579 查看

当单击一个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>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航