将类添加到默认选中复选框和收音机标签
我已经找到了很多这方面的例子，但没有一个与我正在尝试在一块金块上做什么有关。 我需要更改复选框或收音机的标签（标签必须包裹在我的奇特输入的输入周围），具体取决于复选框或收音机是否“已检查”。 其中一些输入将在抵达表格时进行检查，因此如果选中，班级需要在抵达时出示。
它现在适用于复选框，但是如何将单选按钮添加到混音中而不破坏它？ 感谢帮助！
这是我的HTML / CSS：
<style type="text/css">
.c_on {color: #F0F;}
.r_on {color: #0F0;}
</style>
<fieldset class="checkboxes">
<label for="chk1"><input type="checkbox" id="chk1" />chk1</label><br />
<label for="chk2"><input type="checkbox" id="chk2" checked="checked" />chk2</label>
</fieldset>
<fieldset class="radios">
<label for="rdo1"><input type="radio" name="group1" id="rdo1" />rdo1</label><br />
<label for="rdo2"><input type="radio" name="group1" id="rdo2" checked="checked" />rdo2</label>
</fieldset>
这是我的jQuery：
$(document).ready(function() {
/* Turn checkbox class on */
var checkOn = 'c_on'
function toggleLabelClass(input){
var $input = $(input);
if ($input.is('[type="checkbox"]:checked')){
$input.parent('label').addClass(checkOn);
}else{
$input.parent('label').removeClass(checkOn)
}
}
$(function() {
$('input[type="checkbox"]').each(function(){
toggleLabelClass(this);
$(this).click(function(evt){
toggleLabelClass(evt.target);
});
});
});
});
http://jsfiddle.net/P2n2V/
也许这样的事情会起作用：
$(function() {
var inputOn = 'c_on',
radioOn = 'r_on',
elms=$('input[type="checkbox"], input[type="radio"]');
function setLabelClass() {
elms.each(function(i,e) {
$(e).parent('label')[e.checked?'addClass':'removeClass']($(e).is(':radio')?radioOn:inputOn);
});
}
elms.on('change', setLabelClass);
setLabelClass();
});
小提琴
您需要将无线电输入添加到each()循环，并对toggleLabelClass()函数进行一些更改。 这是你需要的：http://jsfiddle.net/zjc9e/
我不确定你不打破混音是什么意思。 有没有你不想改变的部分代码？
链接地址: http://www.djcxy.com/p/83147.html上一篇: Add Class to Label of Defaulted Checked Checkbox and Radio