Question

这是我的jquery

$('#hijue').change(function () {
  if($(this).prop(checked) == true) {
    $('#puta').hide();
  }
  else {
    $('#puta').show();
  }
});

这是我的HTML

<input type="checkbox" name="hijue" id="hijue" unchecked>
<div id="puta"></div>

此问题之前已被其他人发布，但我仍然坚持检索复选框。有人请帮忙

Answer 1

您应该使用prop('checked') 您当前的代码使用checked变量（我猜您没有）。

如果您打开控制台，您还应该看到有关此错误。

$('#hijue').change(function () {
  if($(this).prop('checked') == true) {
    $('#puta').hide();
  }
  else {
    $('#puta').show();
  }
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<input type="checkbox" name="hijue" id="hijue" unchecked>
<div id="puta">1234</div>

Answer 2

问题在于：.prop(checked)，尝试.is(':checked')或this.checked

您可以尝试jQuery.toggle()

$(function() {
  $("#hijue").on('change', function() {
    $('#puta').toggle(!this.checked);
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="checkbox" name="hijue" id="hijue" unchecked>
<div id="puta">This is div</div>

Answer 3

您可以使用jQuery的.is(':checked')来获得非常易读的代码：

$('#hijue').change(function () {
  if($(this).is(':checked')) {
    $('#puta').hide();
  }
  else {
    $('#puta').show();
  }
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="checkbox" name="hijue" id="hijue" unchecked>
<div id="puta">asdf</div>

Answer 4

试试这个：

$('#hijue').change(function () {
  $('#hijue').click(function() {
    $('#puta').hide();
  });
});

带有jquery的复选框

4 个答案: