Question

我在表格中有一些复选框，如下所示：

    <table id="checkBoxTable" class="uk-margin-small-top uk-hidden checkBoxTable" style="width:100%">
        <tr>
            <td><label id="1"><input name="1" type="checkbox"> 12am-1am</label</td>
            <td><label id="2"><input name="2" type="checkbox"> 1am-2am</label</td>
            <td><label id="3"><input name="3" type="checkbox"> 2am-3am</label></td>
            <td><label id="4"><input name="4" type="checkbox"> 3am-4am</labe</td>
       </tr>
    </table>

我想在检查任何复选框时执行一个函数。我一直在尝试以下方法：

$('#checkBoxTable').change(function(){
        var price = 10 * originalPrice;
        $('#price').value = price + "";

    });

Answer 1

目标复选框输入[type =“checkbox”]

$('#checkBoxTable input[type="checkbox"]').change(function(){
    var price = 10 * originalPrice;
    $('#price').value = price + "";
 });

Answer 2

您正在选择表格#checkBoxTable的{{1}}。您应该使用id选择#checkBoxTable :checkbox元素。

checkbox将返回$('#checkBoxTable :checkbox:checked'个输入元素。

checked

var originalPrice = 100;
$('#checkBoxTable :checkbox').change(function() {
  if ($('#checkBoxTable :checkbox:checked').length) {
    var price = 10 * originalPrice;
    alert(price);
  }
});

Fiddle demo

选中多个复选框之一时执行功能

2 个答案: