删除 当用户单击字段中的输入时选中的单选按钮？仅供参考：jquery ui for "datepicker" .(杰菲德尔)

Question

http://jsfiddle.net/G3SxU/

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

我希望当用户点击输入字段（From..）时，检查的无线电被清除

`<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);
      }
   });
});

FIDDLE

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 Datepicker的onSelect选项，因为它将执行与更通用的change事件相同的操作。