为多个checkbox绑定单击事件
来源:互联网 发布:淘宝摄影工作室 编辑:程序博客网 时间:2024/05/20 17:41
当单击一个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
- 为多个checkbox绑定单击事件
- 为多个checkbox绑定单击事件
- Jquery为单选框checkbox绑定单击事件
- Jquery为单选框checkbox绑定单击事件
- 多个按钮单击事件
- ext2 'checkbox'的单击事件
- GridView中的CheckBox单击事件(oncheckedchanged)
- easyui datagrid editor checkbox 单击事件
- GridView中的CheckBox单击事件(oncheckedchanged)
- 绑定多个onload事件
- jquery 绑定多个事件
- tr有一个单击事件,其中有个td有一个checkbox,当我单击checkbox时不触发tr的事件,注意tr的单击事件是JavaScript写的且带了参数!
- 为UIImageView添加单击事件:
- extjs4 checkbox绑定click事件
- input checkbox 选中绑定事件
- 单个和多个checkbox选中事件
- 单个和多个checkbox选中事件
- jquery通过name绑定单击事件
- JAVA中String、StringBuffer、StringBuilder区别
- Linux 常用命令解析 cd pwd
- 使用tslib来校准usb接口的触摸屏
- java.io.NotSerializableException错误解决方法
- java.sql.SQLException: Io 异常: The Network Adapter could not establish the connec
- 为多个checkbox绑定单击事件
- 使用JQuery 加载页面时调用JS
- Handler的另外一种用法(HandlerThread)
- java实现从键盘接收一个输入字符
- 在java中如何用键盘输入一个数,字符,字符串
- 如何查看计算机端口状态
- 大数据技术-HBase:优化hadoop Xceivers
- unity自带寻路Navmesh入门教程(三)
- SAP历史库存MB5B的详解