javascript - Jquery 取消选中选中的复选框 sibling

Question

我只想同时选中一个复选框。 我想检查该值。

如果我删除所有 div 标签，但我需要为组织添加 div 标签，它就会起作用。

所以我的js代码:

$('.myCheckbox').click(function() {
    $(this).siblings('input:checkbox').prop('checked', false);
  var value = $(this).val();
  console.log("value = "+value);
  });

我的 html 代码可以在没有 div 的情况下工作，但不能在使用 div 的情况下工作:

<div id="id_1" class='class_1'>

  <div id="id_a" class='class_a'>
    <div>
      <img src="fr.png">
      <input type="checkbox" class="myCheckbox" value="fr" />
    </div>
    <div>
      <img src="cs.png">
      <input type="checkbox" class="myCheckbox" value="cs" />
    </div>
    <div>
      <img src="en.png">
      <input type="checkbox" class="myCheckbox" value="en" />
    </div>
  </div>

  <div id="id_b" class='class_b'>
    <div>
      <img src="bc.png">
      <input type="checkbox" class="myCheckbox" value="bc" />
    </div>
    <div>
      <img src="tl.png">
      <input type="checkbox" class="myCheckbox" value="tl" />
    </div>
    <div>
      <img src="jk.png">
      <input type="checkbox" class="myCheckbox" value="jk" />
    </div>
  </div>

</div>

Answer 1

$('.myCheckbox').click(function() {
   $('.myCheckbox').prop('checked', false);
   $(this).prop('checked') ? $(this).prop('checked', false) : $(this).prop('checked', true);
   var value = $(this).val();
   console.log("value = "+value);
});