无法添加/删除属性onclick

时间:2012-05-18 11:18:55

标签: 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 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>

2 个答案:

答案 0 :(得分:1)

可以清空属性值吗?

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();
});

答案 1 :(得分:0)

因为label_check没有这个属性:))你可以试试这段代码吗?

http://jsfiddle.net/Nzw2K/