Question

我正在尝试将this here与Rails上的复选框合并。

我的HTML看起来像这样：

<div>
  <input id="reservation_item_ids_" name="reservation[item_ids][]" type="checkbox" value="17">

RCF，32.0€/ vrk

这样的代码（我使用jQuery而不是$来试图避免与原型的冲突，原型在Rails 3中默认使用）：

    console.log("Initialize!");
jQuery("input[type=checkbox]").click(function() {
    console.log("Clicked!");

   var total = 0;

    jQuery("input[type=checkbox]:checked").each(function() {
    total += parseFloat(jQuery(this).val());
    });

    jQuery("#totalSum").val(total);
});

我的控制台只给我这个：

初始化！

..无论我点击多少复选框..我也尝试用“#reservation_item_ids”替换“input [type = checkbox]”而没有运气。

没有错误，没有任何线索......

Answer 1

你需要这样做：

jQuery(document).ready(function($) {
    jQuery("input[type=checkbox]").click(function() {
        alert('It works!')
    })
})

Answer 2

这是动态HTML吗？你试过live（）吗？

jQuery("input[type=checkbox]").live('click', function() {

有些系统不喜欢“点击”方法。

Answer 3

您的上述代码不是问题，它对我来说很好。我设置了一个测试页面，其中只包含以下内容：

<form>
    <input id="num1" type="checkbox" value="1"><br />
    <input id="num2" type="checkbox" value="1"><br />
    <input id="num3" type="checkbox" value="1"><br />
    <input id="num4" type="checkbox" value="1"><br />

    <input type="submit" value="Submit" />
</form>

我甚至提醒了你的总数，它运作得很好！由于你设置它们的方式，选择器可能没有拿起你的复选框。您可以复制/粘贴表单代码吗？

为什么jQuery没有选中复选框“click”事件？

3 个答案: