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