jquery - 遍历 Div 并检查是否使用 jquery 检查子元素

Question

我有一个 div 标签，在那个 Div 里面我有子元素，我想获取所有这些子元素并检查子元素是否是复选框，如果子元素是复选框，那么我需要选中该复选框。

  <div class="options" >
  <input type="checkbox" class='roles' />
  </div>

这是它的外观，并且会有未指定数量的具有相同类的复选框。

    $('.options').children('input').each(function () {
        alert(this.value); 
    });

Answer 1

检查这个 Fiddle Demo

$('.options').children('input[type="checkbox"]').each(function () {
    this.checked = true; 
});

或者

$('.options').children().filter('input[type="checkbox"]').each(function () {
    this.checked = true; 
});