怎样让选中的label 改变颜色?
2010-03-23 15:02
295 查看
怎样让选中的label 改变颜色?
今天遇到这样一个问题 要求一个label 组件 其中的input选中的时候 label 里面的颜色是蓝色
代码<div id="sld">
<p><label><input name="" type="checkbox" value="" /> 飞机</label></p>
<p><label><input name="" type="checkbox" value="" /> 飞机</label></p>
<p><label><input name="" type="checkbox" value="" /> 飞机</label></p>
<p><label><input name="" type="checkbox" value="" /> 飞机</label></p>
</div>开始是想通过 控制 label底下的input 的 checked属性 为"checked" 或者 "",并且 给当前label toggleClass
结果却不行~~
最后发现原来如果 input 具有 checked="" 属性时 就默认是选中了 ,那么取消选中的操作 应该是 removeAttr("checked")才对
最终写成了:
$("#sld label").click(function(){
if($(this).find("input").attr("checked")){
$(this).find("input").removeAttr("checked");
}else{
$(this).find("input").attr("checked","checked");
}
$(this).toggleClass("chd");
return false;
})问题解决
PS:
最终解决方法:
$("#sld label input").click(function(){
$(this).parents("label").toggleClass("chd");
})
虽然IE6下不相应LABLE 的点击 (只能用for了)但是IE6 这种垃圾浏览器实在懒得管了 由它去吧~~
虽然第一个方法没有用到,但是还是得知了 取消选中的方法。
今天遇到这样一个问题 要求一个label 组件 其中的input选中的时候 label 里面的颜色是蓝色
代码<div id="sld">
<p><label><input name="" type="checkbox" value="" /> 飞机</label></p>
<p><label><input name="" type="checkbox" value="" /> 飞机</label></p>
<p><label><input name="" type="checkbox" value="" /> 飞机</label></p>
<p><label><input name="" type="checkbox" value="" /> 飞机</label></p>
</div>开始是想通过 控制 label底下的input 的 checked属性 为"checked" 或者 "",并且 给当前label toggleClass
结果却不行~~
最后发现原来如果 input 具有 checked="" 属性时 就默认是选中了 ,那么取消选中的操作 应该是 removeAttr("checked")才对
最终写成了:
$("#sld label").click(function(){
if($(this).find("input").attr("checked")){
$(this).find("input").removeAttr("checked");
}else{
$(this).find("input").attr("checked","checked");
}
$(this).toggleClass("chd");
return false;
})问题解决
PS:
最终解决方法:
$("#sld label input").click(function(){
$(this).parents("label").toggleClass("chd");
})
虽然IE6下不相应LABLE 的点击 (只能用for了)但是IE6 这种垃圾浏览器实在懒得管了 由它去吧~~
虽然第一个方法没有用到,但是还是得知了 取消选中的方法。
相关文章推荐
- cell上label的背景颜色在选中状态下改变的解决办法
- c# Web程序中,怎样改变textbox或者label的BackColor为自定义的颜色
- android radioButton 选中后改变字体颜色样式
- 改变选中行的颜色
- winfrom的DataGridView控件选中行的DataGridViewLinkColumn列字体颜色的改变
- UISegmentedControl 改变选中颜色
- 用javascript实现改变TEXTAREA滚动条和按钮的颜色,以及怎样让滚动条变得扁平
- 改变label部分文字的颜色
- UITextField/UITextView 选中时改变边框颜色
- 怎样设置JTextArea 文本域中选中的文字的颜色和选择区域背景颜色
- ArcGIS改变选择集选中时的样式与颜色
- Silverlight 查询DataGrid 中匹配项 ,后台改变选中行颜色
- 如何改变网页选中文本的颜色
- JavaScript--怎样改变多行文本框滚动条的颜色?
- 在DElphi中的DataGrid怎样使它显示的行间隔改变颜色?
- 改变Label中不同位置的字的颜色
- listview改变选中行字体颜色
- CSS改变被鼠标选中的文字颜色及背景
- JS实现页面table鼠标移动改变tr行颜色,单击tr选中复选框功能
- wpf datagrid的行选中颜色无法改变 解决方法