文档章节

为多个checkbox绑定单击事件

Jansens
 Jansens
发布于 2016/11/27 14:32
字数 327
阅读 8
收藏 0
点赞 0
评论 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
粉丝 7
博文 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实现论坛管理效果(附源碼)

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

长平狐
2012/08/21
147
1
ListView实现论坛管理效果(附源碼)

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

长平狐
2012/08/14
115
0
ListView实现论坛管理效果(附源碼)

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

长平狐
2012/08/09
2.4K
2
ListVIew单击事件和长按事件失效,

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

BravoZu
2014/01/01
0
0
Jquery学习之事件和动画

一.jquery中的事件 1.执行时机 jquery中使用$(document).ready()方法代替window.onload。区别在于window.onload在网页中的所有元素(包括元素的所有关联文件)完全加载到浏览器中才开始执行,...

喝牛奶对身体好
2016/07/25
5
0
JQuery DOM 事件冒泡

什么是冒泡 在页面上可以有多个事件,也可以多个元素响应同一个事件。假设网页上有两个元素,其中一个元素嵌套在另一个元素里,并且都被绑定了click事件,同时body元素上也绑定了click事件。...

尐桀
2012/08/20
0
0
前端常见JS问题总结

Genius only means hard-working all one's life. 20. Call 和 Apply 的区别 语法: function.call(thisObj [, arg1[, arg2[, [, ...argN]]]]); function.apply(thisObj [, argArray] ); 定......

Neuro_annie
2017/09/01
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

about git flow

  昨天元芳做了git分支管理规范的分享,为了拓展大家关于git分支的认知,这里我特意再分享这两个关于git flow的链接,大家可以看一下。 Git 工作流程 Git分支管理策略   git flow本质上是...

qwfys
今天
1
0
Linux系统日志文件

/var/log/messages linux系统总日志 /etc/logrotate.conf 日志切割配置文件 参考https://my.oschina.net/u/2000675/blog/908189 dmesg命令 dmesg’命令显示linux内核的环形缓冲区信息,我们可...

chencheng-linux
今天
0
0
MacOS下给树莓派安装Raspbian系统

下载镜像 前往 树莓派官网 下载镜像。 点击 最新版Raspbian 下载最新版镜像。 下载后请,通过 访达 双击解压,或通过 unzip 命令解压。 检查下载的文件 ls -lh -rw-r--r-- 1 dingdayu s...

dingdayu
今天
0
0
spring boot使用通用mapper(tk.mapper) ,id自增和回显等问题

最近项目使用到tk.mapper设置id自增,数据库是mysql。在使用通用mapper主键生成过程中有一些问题,在总结一下。 1、UUID生成方式-字符串主键 在主键上增加注解 @Id @GeneratedValue...

北岩
今天
2
0
告警系统邮件引擎、运行告警系统

告警系统邮件引擎 cd mail vim mail.py #!/usr/bin/env python#-*- coding: UTF-8 -*-import os,sysreload(sys)sys.setdefaultencoding('utf8')import getoptimport smtplibfr......

Zhouliang6
今天
0
0
Java工具类—随机数

Java中常用的生成随机数有Math.random()方法及java.util.Random类.但他们生成的随机数都是伪随机的. Math.radom()方法 在jdk1.8的Math类中可以看到,Math.random()方法实际上就是调用Random类...

PrivateO2
今天
1
0
关于java内存模型、并发编程的好文

Java并发编程:volatile关键字解析    volatile这个关键字可能很多朋友都听说过,或许也都用过。在Java 5之前,它是一个备受争议的关键字,因为在程序中使用它往往会导致出人意料的结果。在...

DannyCoder
昨天
0
0
dubbo @Reference retries 重试次数 一个坑

在代码一中设置 成retries=0,也就是调用超时不用重试,结果DEBUG的时候总是重试,不是0吗,0就不用重试啊。为什么还是调用了多次呢? 结果在网上看到 这篇文章才明白 https://www.cnblogs....

奋斗的小牛
昨天
2
0
数据结构与算法3

要抓紧喽~~~~~~~放羊的孩纸回来喽 LowArray类和LowArrayApp类 程序将一个普通的Java数组封装在LowArray类中。类中的数组隐藏了起来,它是私有的,所以只有类自己的方法才能访问他。 LowArray...

沉迷于编程的小菜菜
昨天
0
0
spring boot应用测试框架介绍

一、spring boot应用测试存在的问题 官方提供的测试框架spring-boot-test-starter,虽然提供了很多功能(junit、spring test、assertj、hamcrest、mockito、jsonassert、jsonpath),但是在数...

yangjianzhou
昨天
2
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部