Question

我的一个页面上有一系列复选框，如下所示：

while($row = $request->fetch())
                {
                        $request1 = $bdd->prepare('UPDATE commercant SET adresse=:type_id WHERE id=:id');
                        $request1->execute(array(':type_id' => $row['id'],':id' => $id));
                 }

我想使用复选框的数量来更新显示复选框数量的div或类似元素。

我的JS看起来像：

<form name='form1' id='form1'> 
 <table class='table table-striped table-bordered table-condensed table-responsive'>
 <tbody>
  <tr><th><input type='checkbox' name='year' value='2001' class='form-control' />2001</th></tr>
  <tr><th><input type='checkbox' name='year' value='2002' class='form-control' />2002</th></tr>
  <tr><th><input type='checkbox' name='year' value='2003' class='form-control' />2003</th></tr>
  <tr><th><input type='checkbox' name='year' value='2004' class='form-control' />2004</th></tr>
 </tbody>
</table>
</form>

问题是：当选中任何框时，UI会显示它，但不会触发click / change事件。但是，当我单击周围时，事件被触发但UI不显示它。我花了好几个小时看着类似的问题并应用了几乎所有的建议，但没有取得进展。可能是房子的任何帮助吗？

Answer 1

~~问题是您发布的html无效，您错过>的{{1}}~~ 试试此示例

＆＃13;

<table

＆＃13;

$(function() {
  var form = $('#form1').on('change', 'input[name=year]', function(e) {
    alert(form.find('input[name=year]:checked').length);
  });
});

＆＃13;

问题的复杂文本

1 个答案: