jquery隐藏显示无法在单选按钮中工作

Question

当我选择的电台输入为＆＃34;是＆＃34; /＆＃34; no＆＃34;时，我试图隐藏/显示ID为div的{​​{1}}。以下是我的代码。

#edate

Answer 1

在点击选项时执行某些操作：

$('#continue').on('click', function() {
    $("#edate").hide();
});

Answer 2

这种方法怎么样：

HTML 的

<div id="edate">
<label>End date</label>
<input name="enddate" id="enddate" placeholder="" class="form-control" type="date">      
</div>
<div>
<label>Continue</label>
<input name="continue" class="clContinue" id="continue" value="1" type="radio"> Yes 
<input name="continue" class="clContinue" id="nocontinue" value="0"  type="radio"> No 
</div>

JQuery的

$(function(){
    $('.clContinue').click(function(){
        JSON.parse($(this).val())?$('#enddate').show():$('#enddate').hide();
    });
});

工作小提琴：https://jsfiddle.net/robertrozas/3tfak798/

Answer 3

$(document).ready(function() {
   
  $("#continue").on('click',function(){
   $("#edate").hide();
  }); 
  $("#nocontinue").on('click',function(){
   $("#edate").show();
  }); 

        
 

});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="edate">
    <label>End date</label>
    <input name="enddate" placeholder="" class="form-control" type="date">      
   </div>
   <div>
  <label>Continue</label>
  <input name="continue" id="continue" value="1" type="radio"> Yes </label>
  <input name="continue" id="nocontinue" value="0"  type="radio"> No </label>
 </div>

Answer 4

这个问题在SO上很容易找到。

以下是我在论坛上搜索2分钟时发现的一些代码：

<强> HTML

 <div id="edate">
    <label>End date</label>
    <input name="enddate" placeholder="" class="form-control" type="date">      
   </div>
   <div>
  <label>Continue</label>
  <input name="continue" id="continue" value="1" type="radio"> Yes </label>
  <input name="continue" id="nocontinue" value="0"  type="radio"> No </label>
 </div>

<强>的jQuery

$("input[type=radio]").click(function() {
  switch(this.value){
    case '1':
      $("#edate").show();
      break;
    case '0':
      $("#edate").hide();
      break;
  }
});

Answer 5

$('#continue,#nocontinue').on('click',function(){
  $(this).val() == '1' ? $("#edate").show() : $("#edate").hide();  
})

jsfiddle：https://jsfiddle.net/ftjpdvrz/

Answer 6

对广播组使用公共事件。此外，如果默认值为“是”，请将其设置为“以HTML格式检查”。

\begin{tabular}{l{2cm}|l{2cm}|l{2cm}}