Javascript + Rails Form + Modal |当模态术语被接受时，勾选复选框＆＃39;

Question

有人可以告诉我为什么我的脚本不起作用:(当按钮点击弹出模式时，想要勾选一个复选框）

<script>
$("#updateTerms").click(function() {
   document.getElementById("terms").checked = true;
});
</script>

in modal：

< button id="updateTerms" type="button" class="btn btn-primary" data-dismiss="modal">I agree</button>

形式：

<%= f.check_box :terms, :id => "terms", :label => "Terms" , :class => 'checkbox'%>

Answer 1

代码：document.getElementById('terms')会将第一个输入与该ID匹配。可能有不止一个吗？

在浏览器控制台中尝试此操作：

$('#terms')

...或

$('#terms').length

Answer 2

修改你的js并尝试 jQuery 1.6 +

使用新的.prop（）函数：

$('.myCheckbox').prop('checked', true);
$('.myCheckbox').prop('checked', false);

jQuery 1.5及以下

.prop（）函数不可用，因此您需要使用.attr（）。

要选中复选框（通过设置checked属性的值），请执行

$('.myCheckbox').attr('checked','checked');

并取消检查（完全删除属性）

$('.myCheckbox').removeAttr('checked');