Question

我需要在开始时隐藏div，然后在选中两个复选框后淡入。这是我到目前为止（基于此处的另一个问题）：

<input type="checkbox" name="terms" id="terms" />
<input type="checkbox" name="age" id="age" />

<div id="lists">
   <!-- my div content goes in here -->
</div>



  $("#lists").hide();

  $("#terms" && "#age").click(function(){
    $("#lists").fadeToggle();
  });

我无法让它发挥作用。我明白可以使用一个复选框，但我只需要在检查两个框时淡入。我还在学习jQuery，请原谅我，如果这是一个简单的解决方案。

Answer 1

你应该使用类似的东西：

$("#terms, #age").change(function(){
    var checked = $("#terms").prop('checked') && $("#age").prop('checked');
    $("#lists")[checked ? 'fadeIn' : 'fadeOut']();
});

Answer 2

<input type="checkbox" name="terms" id="terms" class="mycheck"/>
<input type="checkbox" name="age" id="age" class="mycheck"/>

<div id="lists">
 <!-- my div content goes in here -->
</div>



$("#lists").hide();

$(".mycheck").on("change",function(){
   if($("#terms").prop('checked') && $("#age").prop('checked')){
       $("#lists").show();
     } 
 });

Answer 3

据我所知，jquery并没有使用＆amp;＆amp;提供多个选择器。他们目前通过用逗号分隔选择器来做多个选择器。您可以使用Jquery Documentation了解如何完成此操作。另一件需要注意的事情是，即使您更正了所提供的代码，当您单击一个复选框时，您将看到预期的行为，但如果您单击另一个，它将隐藏#lists div元素。

jQuery的。仅在选中表单框时显示div

3 个答案: