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

时间:2015-05-25 12:08:37

标签: javascript php html checkbox random

我需要为div添加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>

js code

$('#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/

1 个答案:

答案 0 :(得分:0)

<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 Code为此应

$('#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 您可以通过检查元素

来查看