文档章节

为多个checkbox绑定单击事件

Jansens
 Jansens
发布于 2016/11/27 14:32
字数 327
阅读 9
收藏 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
IE浏览器中onchange事件触发有BUG

在使用input type='checkbox'标签加入onchange事件时,点击checkbox不直接触发onchange事件 必须在点击checkbox之后再点击页面的其它任意点,此checkbox的onchange事件才会触发. 解决办法: 在使...

Liuxz-aaa
2011/08/31
0
1

没有更多内容

加载失败,请刷新页面

加载更多

ORA 各种oraclesql错误

ORA-00001: 违反唯一约束条件 (.) ORA-00017: 请求会话以设置跟踪事件 ORA-00018: 超出最大会话数 ORA-00019: 超出最大会话许可数 ORA-00020: 超出最大进程数 () ORA-00021: 会话附属于其它某...

青峰Jun19er
4分钟前
2
0
没错,老板让我写个 BUG!

前言 标题没有看错,真的是让我写个 bug! 刚接到这个需求时我内心没有丝毫波澜,甚至还有点激动。这可是我特长啊;终于可以光明正大的写 bug 了🙄。 先来看看具体是要干啥吧,其实主要就是...

crossoverJie
18分钟前
1
0
开源软件会被云杀死吗 ?

本文转载云头条,原作者:Michael Stiefel是Reliable Software公司的负责人,是一名软件架构和开发顾问。 文章要点 虽然开源开发不会消失,但商业开源厂商的未来不是很有希望。随着全面管理的...

linuxCool
51分钟前
5
0
OSChina 周三乱弹 —— 谈什么对象?睡什么觉?

Osc乱弹歌单(2018)请戳(这里) 【今日歌曲】 @胖达panda :最肯忘却古人诗,最不屑一顾是相思。分享童丽的单曲《红豆生南国》: 《红豆生南国》- 童丽 手机党少年们想听歌,请使劲儿戳(这...

小小编辑
55分钟前
374
5
stylus

stylus基础教程,stylus实例教程,stylus语法总结

miaojiangmin
今天
5
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部