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

【问题标题】：add and remove div attribute with checkbox使用复选框添加和删除 div 属性
【发布时间】：2015-05-25 12:08:37
【问题描述】：

我需要将 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 小提琴 - http://jsfiddle.net/3syqfnzk/

【问题讨论】：

没有 ID 为 quote-box-col14 的元素。改用 $(".quote-box-col14") 通过 CSS 类进行选择。此外，.quote-box-col14 是一个 div，它没有更改事件
你到底想要什么..

标签： javascript php html checkbox random

【解决方案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

【讨论】：

【解决方案2】：

首先没有id="quote-box-col14"。 quote-box-col14 是一个类。此外，您没有在收听checkbox。只需收听#seo。

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

【讨论】：

【解决方案3】：

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

这个应该是Jquery代码

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

这对你来说很好，因为 onChange 应该用于输入类型，例如 <input type="checkbox" name="seo" id="seo" value="Y" class="checkbox-seo" /> 不是 div 也可以通过. 而非# 访问课程

 Note: # use for id and .use for class

工作示例是Demo Here 您可以通过检查元素查看此内容

【讨论】：