Javascript 无法在单击时添加/删除属性
我不熟悉javascript和jQuery。我试图在单击时添加属性,并在单击时删除它。我有添加和删除类工作良好,但没有属性。我的代码如下 下面是HTMLJavascript 无法在单击时添加/删除属性,javascript,jquery,Javascript,Jquery,我不熟悉javascript和jQuery。我试图在单击时添加属性,并在单击时删除它。我有添加和删除类工作良好,但没有属性。我的代码如下 下面是HTML <label class="label_check" for="fadv"> <input class="lesson" id="fadv" value="acl323" name="fadv" checked="checked" type="checkbox" />Please send me regular
<label class="label_check" for="fadv">
<input class="lesson" id="fadv" value="acl323" name="fadv" checked="checked" type="checkbox" />Please send me regular updates.
</label>
请定期向我发送更新。
jQuery如下
<script>
function setupLabel() {
if ($('.label_check input').length) {
$('.label_check').each(function(){
$(this).removeClass('c_on');
$(this).removeAttr('pull');
});
$('.label_check input:checked').each(function(){
$(this).parent('label').addClass('c_on');
$(this).attr('pull' , 'on');
});
};
};
$(document).ready(function(){
$('body').addClass('has-js');
$('.label_check, .label_radio').click(function(){
setupLabel();
});
setupLabel();
});
</script>
函数setupLabel(){
if($('.label_check input').length){
$('.label_check')。每个(函数(){
$(this.removeClass('c_on');
$(this.removeAttr('pull');
});
$('.label_check input:checked')。每个(函数(){
$(this).parent('label').addClass('c_on');
$(this.attr('pull','on');
});
};
};
$(文档).ready(函数(){
$('body').addClass('has-js');
$('.label\u check,.label\u radio')。单击(函数(){
setupLabel();
});
setupLabel();
});
因为label\u check没有这个属性:))你能试试这个代码吗
能否清空属性值
function setupLabel() {
if ($('.label_check input').length) {
$('.label_check').each(function(){
$(this).removeClass('c_on');
$(this).attr('pull','');
});
$('.label_check input:checked').each(function(){
$(this).parent('label').addClass('c_on');
$(this).attr('pull' , 'on');
});
};
};
$(document).ready(function(){
$('body').addClass('has-js');
$('.label_check, .label_radio').click(setupLabel);
setupLabel();
});
为什么要添加一个
属性
?您能解释一下单击该复选框时希望发生什么吗?还是应该是单击目标的标签?function(){setupLabel();}
可以简化为setupLabel