0

http://jsfiddle.net/G3SxU/

ユーザーが日付を選択した後、jquery ui datepicker を使用して日付を入力することを決定した後、チェックされたラジオをクリアする必要があります。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
    });
  });`
4

2 に答える 2

0

datePicker の onSelect 関数でラジオのチェックを外します。

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

フィドル

于 2013-02-16T01:33:17.050 に答える
0

これが実際の例です：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

于 2013-02-16T01:33:41.847 に答える