javascript - Jquery 复选框在单击时保持选中状态

Question

我有一个复选框，一旦用户单击输入框，该复选框就需要保持选中状态。

问题:第一次单击时，复选框被选中，效果很好。当再次单击输入时，该复选框将变为取消选中状态。

所需输出:

我希望该复选框保持选中状态，因为这会触发更改事件。

我搜索了很多例子来找到这个解决方案，但找不到它。

感谢任何帮助。

请参阅 fiddle :

http://jsfiddle.net/nrYec/194/

JS:

$('input').click(function() {
     $('#x').text(this.checked ? "is checked" : "is not checked");
 });
 $('.b2').click(function() {
      $('.trigger').click();
 });

Answer 1

您在评论中澄清，您希望单击文本框来选中复选框，但单击复选框本身才能正常工作。所以不要触发点击事件，直接设置复选框的checked属性即可:

$('.b2').click(function() {
  $('.trigger').prop("checked", true);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<input class='trigger' type='checkbox'>
<input class='b2' type='text' name='something'>
<input class='b2' type='text' name='something'>
<div id='x'></div>