如何根据类和值检查复选框?

时间:2014-11-24 22:00:57

标签: javascript jquery

我需要能够使用基于类和值的jquery来检查复选框。我的复选框看起来像这样:

     <div class="checkbox" style="float:left;margin-right:60px;">
        <label>
          <input class="selSemester" type="checkbox" id="selSemester1" name="selSemester" value="2079">
          Fall
        </label>
     </div>
     <div class="checkbox" style="float:left;margin-right:60px;">
        <label>
          <input class="selSemester" type="checkbox" id="selSemester2" name="selSemester" value="2080">
          Spring
        </label>
     </div>
     <div class="checkbox">
        <label>
          <input class="selSemester" type="checkbox" id="selSemester3" name="selSemester" value="2081">
          Summer
        </label>
     </div>

我试图做的是:

    $.each(data, function(i, val){

      $(".semesterAwarded input[value='" + val + "']").prop('checked', true);

    });

数据是一个看起来像[2079,2080]的数组。我尝试过一些东西,却无法获得满足我需要的东西。有什么帮助吗?

1 个答案:

答案 0 :(得分:1)

类选择器应为“.checkbox”

$.each(data, function(i, val){

  $(".checkbox input[value='" + val + "']").prop('checked', true);

});

这是一个有效的JSBIN