文档章节

为多个checkbox绑定单击事件

Jansens
 Jansens
发布于 2016/11/27 14:32
字数 327
阅读 8
收藏 0

当单击一个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的表格行  

                    }  

            });  

        }  

  

页面加载时,加载此方法:

Js代码 

window.onload = function() {  

            checkboxOnClick();  

        };  

 或: 

Js代码 

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" />VFoxpo 

        <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>  

 

 

© 著作权归作者所有

共有 人打赏支持
Jansens
粉丝 8
博文 53
码字总数 128340
作品 0
闸北
高级程序员
jquery基础学习二

对于动态加载到页面的html元素,每次都需要重新绑定事件到这些元素 插件livequery,后来通过javascript添加的元素都会被绑定到事件 普通方法绑定单击事件 $(“a”).click(function(){ //doSom...

writeademo
2016/08/07
21
0
Jquery表单验证插件–Validform:一行代码搞定整站的

你没看错,就一行代码搞定整站的表单验证! 为什么能如此方便?插件的核心思想就是把所有的验证条件及验证提示信息绑定到每个表单元素,让验证代码在执行时只是核对表单下各元素的值是否跟绑...

青石
2011/09/07
0
0
ListActivity中CheckBox的勾选事件处理

这个小例子包含:ListActivity中CheckBox的勾选事件处理,List中Item的单击和长按事件处理,以及在list下方显示一个不随List滚动的Button 当ListActivity中包含Button或CheckBox这些能得到焦...

leo-H
2013/01/25
0
3
ListVIew单击事件和长按事件失效,

ListView的item中加入CheckBox后 导致ListView对OnItemClick事件无法响应 原因是因为CheckBox的事件响应优先级高于List Item,所以屏蔽了ListItem的单击事件。网上好多回答都是将checkBox的c...

BravoZu
2014/01/01
0
0
ListView实现论坛管理效果(附源碼)

在 android 系统中,ListView的用法稍微复杂一点,配置Adpater就有几种方法,如ArrayAdapter,SimpleAdapter等。查了一些网上的相关例子,有很多都是用ListActivity ,然後用Adapter来显示布局...

长平狐
2012/08/21
147
1

没有更多内容

加载失败,请刷新页面

加载更多

利用碎片化时间Get Linux系统

起初,我做着一份与IT毫无关系的工作,每月领着可怜的工资,一直想改变现状,但无从下手,也就是大家熟知的迷茫。我相信,每一个人都会或多或少的经历过迷茫,迷茫每一个选择,迷茫工作或者生...

Linux就该这么学
24分钟前
0
0
图像显示深入学习一:Activity启动过程

一个月左右写了图像显示深入学习之文章开篇文章表明了自己近期的计划,前半年重新学习了opengl es,c++以及Linux的一些知识,觉得是时候开始看图像这一块的源码了,边看边补缺补漏吧。 作为该...

JerryLin123
46分钟前
1
0
给MySQL授权远程访问

putty登录服务器; 登录MySQL: mysql -u root -p 新建远程用户: CREATE USER 'myusername' IDENTIFIED BY 'mypassword'; 授权: grant all on *.* to john@'101.102.103.104' identified by......

sweethome
今天
1
0
在t-io老巢造谣,不过有造谣的就会有反造谣的!

只发当事人的截图,不发表评论,以免有引导嫌疑 PS: 截图是由不同的人发过来的 本人已经不在此微信群 图3:有造谣的,就有反造谣的 图4是2018-09-23的t-io官方群的一个发言小统计,有助于让...

talent-tan
今天
100
0
heartbeat 资源

drbd+apache+heartbeat : http://blog.51cto.com/11838039/1827901 heartbeat双机热备的架设 : http://blog.51cto.com/11838039/1827560 对heaetbeat的深一步认识 : http://blog.51cto.co......

寰宇01
今天
4
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部