radio和label关联问题,点击label改变颜色
$(function () {
$("#fangan :radio[name='price']").bind('click', function (event) {
//$(this).next().attr("class", "on");
$("input[name='price']").each(function () {
//这里是查找name=checkday的选框并遍历 当然你也可以直接用 $("input:radio")
if ($(this).attr("checked") == "checked") {
//这里是判断是否被选中
$(this).next().attr("class", "on")
}
else {
$(this).next().attr("class", "hide")
}
})
})
$("#fangan :radio[name='num']").bind('click', function (event) {
//$(this).next().attr("class", "on");
$("input[name='num']").each(function () {
//这里是查找name=checkday的选框并遍历 当然你也可以直接用 $("input:radio")
if ($(this).attr("checked") == "checked") {
//这里是判断是否被选中
$(this).next().attr("class", "on")
}
else {
$(this).next().attr("class", "hide")
}
})
})
$("#fangan :checkbox[name='model[]']").bind('click', function (event) {
//$(this).next().attr("class", "on");
$("input[name='model[]']").each(function () {
//这里是查找name=checkday的选框并遍历 当然你也可以直接用 $("input:radio")
if ($(this).attr("checked") == "checked") {
//这里是判断是否被选中
$(this).next().attr("class", "on")
}
else {
$(this).next().attr("class", "hide")
}
})
})
$("#fangan :checkbox[name='color[]']").bind('click', function (event) {
//$(this).next().attr("class", "on");
$("input[name='color[]']").each(function () {
//这里是查找name=checkday的选框并遍历 当然你也可以直接用 $("input:radio")
if ($(this).attr("checked") == "checked") {
//这里是判断是否被选中
$(this).next().attr("class", "on")
}
else {
$(this).next().attr("class", "hide")
}
})
})
})
radio和label关联问题,点击label改变颜色的更多相关文章
- WEBGL学习【十三】鼠标点击立方体改变颜色的原理与实现
// PickFace.js (c) 2012 matsuda and kanda // Vertex shader program var VSHADER_SOURCE = 'attribute v ...
- Android 关于expandableListView childrenView 点击改变颜色
1.点击后改变颜色并保持颜色改变状态: <?xml version="1.0" encoding="utf-8"?> <selector xm ...
- 点击label时click事件被触发两次的坑
今天帮群里的朋友看一段代码的时候偶然间遇到一个label的坑,点击label的时候,监听的click事件被执行两次: 具体代码如下: <div id="test"> & ...
- 实现单选框点击label标记中的文字也能选中
实例: <label for="man"> <input type="radio" value="男" name=&quo ...
- angular中label包含input点击事件的问题
问题:当点击input时,input不能勾选,单label内的其他区域点击均可控制input勾选. 分析:点击input时,$event.target.tagName //INPUT, 点击img ...
- 点击label执行两次的bug
首先我是这样的写的: <label> <input type="checkbox">点击 </label> 无论点击input还是文字,都会执行 ...
- label 两次点击 事件冒泡 使用时间戳的解决方案
情况描述:在页面中input 和 label 通过for banding 然后点击input 或者label的时候都要执行一个方法 但是在点击label的时候有两次执行两次的情况,及监听到的cli ...
- label 阻止冒泡 防止点击label 触发2次事件
// 必须要把 jnput的外面的label加上事件阻止冒泡,否则点击label的时候,会冒泡到input上 再次触发input的点击事件 $('.xt_order_cleft_modb_rl_dx' ...
- 点击label时text输入框被选中
当点击label标签时,能够选中与其对应的输入框,有2种方式,采用第一种时会产生太多的id,推荐第二种. <form action="03.php"> <labe ...
- jQuery Validate 表单验证插件----通过name属性来关联字段来验证,改变默认的提示信息,将校验规则写到 js 代码中
一.下载依赖包 网盘下载:https://yunpan.cn/cryvgGGAQ3DSW 访问密码 f224 二. 添加一个另外一个插件jquery.validate.messages_cn.js. ...
随机推荐
- bootsrap 上传插件fileinput 简单使用
1.安装 下载fileinput文件,载入对应的css+js文件,如下: <link href="css/bootstrap.min.css" rel="style ...
- [洛谷P2584][ZJOI2006]GameZ游戏排名系统
题目大意:同[洛谷P4291][HAOI2008]排名系统(双倍经验) 题解:略 卡点:无 C++ Code: #include <cstdio> #include <map> ...
- BZOJ3456 城市规划 【多项式求逆】
题目链接 BZOJ3456 题解 之前我们用分治\(ntt\)在\(O(nlog^2n)\)的复杂度下做了这题,今天我们使用多项式求逆 设\(f_n\)表示\(n\)个点带标号无向连通图数 设\(g_ ...
- Walk 解题报告
Walk 题目描述 给定一棵 \(n\) 个节点的树,每条边的长度为 \(1\),同时有一个权值\(w\).定义一条路径的权值为路径上所有边的权值的最大公约数.现在对于任意 \(i \in [1,n] ...
- ext大法好啊
http://www.cnblogs.com/keshuqi/p/6257895.html
- BZOJ4008. [HNOI2015]亚瑟王 期望概率dp
看到这道题想什么? 一个好转移的状态由于T最多444所以把每个点控制在O(400000)以内,所以对于n和r最多乘一次因此猜f[n][r],f[r][n],首先一轮一轮的搞不好转移,那么先想一想f[n ...
- 第五届华中区程序设计邀请赛暨武汉大学第十四届校赛 网络预选赛 A
Problem 1603 - Minimum Sum Time Limit: 2000MS Memory Limit: 65536KB Total Submit: 564 Accepted: ...
- swagger学习2
转:http://blog.csdn.net/fansunion/article/details/51923720 写的非常好,非常详细,推荐!!!! 最常用的5个注解 @Api:修饰整个类,描述Co ...
- 笔记本电脑上面安装linux网络配置以及ping通问题
ping不同,XShell连接不上linux: 360全部关闭,即可. 具体参考: http://blog.csdn.net/xiezhaoxuan/article/details/52673236 ...
- Oracle SQL 疑难解析读书笔记(二、汇总和聚合数据)
2.1 对某字段的值进行汇总 仅仅在两种特殊情况下,Oracle在聚合函数中考虑了NULL值.第一种是在GROUPING功能里,用来检验包含了NULL值的分析函数的结果,是直接由所在的表得来,还是由分 ...