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

我需要将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 fiddle-

您使用了错误的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");
        }
    });

---

选中首先，没有

id=“quote-box-col14”

quote-box-col14

是一个类。 此外，您没有在

复选框中收听。只需收听
#seo

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

这对您来说很好，因为onChange应该用于输入类型
非div
也可以通过
而不是
#

工作示例是
您可以通过检查元素查看此信息
没有ID为
quote-box-col14
的元素。使用
$（“.quote-box-col14”）
通过CSS类进行选择。另外，
.quote-box-col14
是一个
div
，它没有更改事件您到底想要什么。。
    $('#seo').change(function(){
        if($(this).is(":checked")) {
            $('.quote-box-col14').attr("id", "check");
        } else {
           $('.quote-box-col14').removeAttr("id");
        }
    });

<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>

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

 Note: # use for id and .use for class