Установите флажок All для вызова другой функции.

Question

С помощью следующего кода, в частности подпрограммы checkAll, я не уверен, как мне поступить, вызывая мою функцию JavaScript setCBCollection для каждой строки, отмеченной / снятой, которая при вызове из процесса checkAll выводит значение 123, например.

Мне нужно вызывать функцию setCBCollection (cb) для каждой проверенной строки, но я не знаю, как это сделать.

<tr>
<th id=" " class="t12subheader">
<input id="checkAll" type="checkbox">
</th>
</tr>

<tr>
  <td class="t12datavalue" align="center" style=""><input type="checkbox" value="123" name="f01"></td>
  <td class="t12datavalue" style="">123</td>
  <td class="t12datavalue" style="">333</td>
  <td class="t12datavalue" style="">Alex</td>
  <td class="t12datavalue" style="">Smith</td>
</tr>


<script language="javascript" type="text/javascript">
  $(document).ready(function() {
  $("#checkAll").click(function() {
    var self = $(this);
    if (self.attr('checked')) {
        self.closest('tr').nextAll().addClass('highlight').find(':checkbox').attr('checked', true);
    }
    else {
        self.closest('tr').nextAll().removeClass('highlight').find(':checkbox').attr('checked', false);
    }
  });

 }); 

function setCBCollection( cb ){
  alert(cb.value);
}
</script>

Answer 1

Вы имеете в виду что-то вроде:

$('tr input[type=checkbox]:checked').each(function() {
  setCBCollection($(this));
});

Вы можете поместить это куда угодно, например:

$("#checkAll").click(function() {
    var self = $(this);
    if (self.attr('checked')) {
        self.closest('tr').nextAll().addClass('highlight').find(':checkbox').attr('checked', true);
    }
    else {
        self.closest('tr').nextAll().removeClass('highlight').find(':checkbox').attr('checked', false);
    }
    $('tr input[type=checkbox]:checked').each(function() {
      setCBCollection($(this));
    });
  });