实时添加生成元素的类

时间:2017-02-25 00:46:39

标签: javascript jquery onchange

我在选中Checkbox时会生成一个div,我可以轻松添加一个带有jquery的类用于div,但我不能为这个生成的div添加。

我需要这样的东西:

$('input#edit-panes-uc-termsofservice-agreement-checkout-tos-agree-agreed').change(function(){
if(this.checked){
     $('#befcontentleft').addClass('green');
}
else {
     //do something else
     $('#befcontentleft').removeClass('green');
}

})

http://jsfiddle.net/maniator/9UQf8/但是对于生成的div。

我尝试使用.keyup(function()更改.change(function(),但不起作用

2 个答案:

答案 0 :(得分:0)

尝试使用点击代替更改应该正常工作

$('input#edit-panes-uc-termsofservice-agreement-checkout-tos-agree-agreed').click(function(){


    if(this.checked){
         $('#befcontentleft').addClass('green');
    }else {
     //do something else
         $('#befcontentleft').removeClass('green');
    }
})

答案 1 :(得分:0)

小提琴只是一个例子,我解决了将.addClass()添加到click()函数

$(function(){
var count = 10,
        $btn = $('.addX'); //Or which ever you want
        //Change the label of $btn
        $btn.val($btn.val()+' ('+count+')')

$btn.click(function(){

        var valCounter = $('#counter').val();

        if (valCounter != 10) {
            valCounter++;
            $('#counter').val(valCounter);
            var n = $( ".section-variation" ).length;
            $( ".counting" ).text( "There are " + n + " Variations");
            //reset 1st variation form

        $(".controlAddx").val("");

    $('.removed').addClass("nascondi");



        } else
  $btn.attr('disabled','disabled');


  if($('#Check1').is(':checked')) {
       $('.removed').addClass('nascondi');
  }
  else {
       //do something else
       $('.removed').removeClass('nascondi');
  }
});