java - 当用户单击该字段中的输入时，删除 Radio 检查？仅供参考：“日期选择器”的 jquery ui。（小提琴）

Question

http://jsfiddle.net/G3SxU/

在用户选择日期但决定使用 jquery ui datepicker 输入日期后，应清除选中的单选。有没有办法用 Jquery 或 JS 做到这一点？

我希望在用户单击输入字段时清除选中的收音机（来自..）

`<li >
    <input id="time1" type="radio" name="radiohide" >
    <label for="time1" >Today</label>               
</li>
<li >
    <input id="time2" type="radio" name="radiohide" >
    <label for="time2" >Yesterday</label>       
</li>
<li  >
    <input id="time3" type="radio" name="radiohide" >
         <label for="time3" >3 Days ago</label>     
 </li>
 <li  >
    <input id="time4" type="radio" name="radiohide" >
    <label for="time4" >4 Days ago</label>              
</li>
<li>
         <input type="text" id="datepicker"  placeholder="From..."/>
</li>                 
<li>
         <input type="text" id="datepicker1" placeholder="To..." /> 
</li> 


  $(function() {
    $( "#datepicker" ).datepicker({
      changeMonth: true,
      changeYear: true
    });
  });

      $(function() {
    $( "#datepicker1" ).datepicker({
      changeMonth: true,
      changeYear: true
    });
  });`

Answer 1

取消选中 datePicker 的 onSelect 函数中的收音机：

$(function() {
   $( "#datepicker" ).datepicker({
      changeMonth: true,
      changeYear: true,
      onSelect: function() {
          $('input[type="radio"]').prop('checked', false);
      }
   });
});

小提琴

Answer 2

这是一个工作示例：http: //jsfiddle.net/G3SxU/4/

  $(function() {
    $( "#datepicker" ).datepicker({
      changeMonth: true,
      changeYear: true
    }).on('change', function() {
        $('input[type="radio"]').prop('checked', false);
    });
  });

  $(function() {
    $( "#datepicker1" ).datepicker({
      changeMonth: true,
      changeYear: true
    }).on('change', function() {
        $('input[type="radio"]').prop('checked', false);
    });
  });

要在单击单选按钮时重置日期选择器，您可以运行：

$('input[type="radio"]').on('change', function() {
    $('#datepicker, #datepicker1').val('');
});

这现在在上面链接的 JSFIDDLE 中。

您可以使用jQuery DatepickeronSelect的选项，因为它会做与更通用的事件相同的事情。change