javascript - 使用复选框添加和删除 div 属性

Question

我需要将 id 添加到 div。

我的代码不起作用。

    <div class="quote-box-col14" for="seo">
<label for="seo" class="quote-service-seo">SEO</label>
<input type="checkbox" name="seo" id="seo" value="Y" class="checkbox-seo" />
</div>

js代码

$('#quote-box-col14').change(function(){
    if($(this).is(":checked")) {
        $( "#quote-box-col14" ).attr( "id", "check" );
    } else {
       $( "#quote-box-col14" ).removeAttr("id");
    }
});

js fiddle - http://jsfiddle.net/3syqfnzk/

Answer 1

您使用的 ID 有误。使用 #seo 而不是 #quote-box-col14 的更改事件。

和 $( ".quote-box-col14") 而不是 $( "#quote-box-col14")。

像这样使用:

$('#seo').change(function(){

        if($(this).is(":checked")) {

            $( ".quote-box-col14" ).attr( "id", "check" );
        } else {
           $( ".quote-box-col14" ).removeAttr("id");
        }
    });

检查 Fiddle