how to uncheck a selected radionbuttonlist? RSS

• • Reply
  

  starmgm

  Member

  58 Points

  53 Posts

  how to uncheck a selected radionbuttonlist?

  May 17, 2012 11:48 AM|LINK

  how to uncheck a selected radionbuttonlist  by pressing again on the selected one ??

• • Reply
  

  Ravi Kumar K...

  Member

  727 Points

  155 Posts

  Re: how to uncheck a selected radionbuttonlist?

  May 17, 2012 11:53 AM|LINK

  If there is only one radiobutton , why not use checkbox instead.. but if you want to unselect radiobutton , use jquery , check this out

  http://stackoverflow.com/questions/4957207/how-to-check-uncheck-radio-button-on-click

• • Reply
  

  starmgm

  Member

  58 Points

  53 Posts

  Re: how to uncheck a selected radionbuttonlist?

  May 17, 2012 12:27 PM|LINK

  i tried this and it's working very well 

  <script type="text/javascript">
      $(function () {
          var allRadios = $('input[type=radio]')
          var radioChecked;
  
          var setCurrent =
                                          function (e) {
                                              var obj = e.target;
  
                                              radioChecked = $(obj).attr('checked');
                                          }
  
          var setCheck =
                                      function (e) {
  
                                          if (e.type == 'keypress' && e.charCode != 32) {
                                              return false;
                                          }
  
                                          var obj = e.target;
  
                                          if (radioChecked) {
                                              $(obj).attr('checked', false);
                                          } else {
                                              $(obj).attr('checked', true);
                                          }
                                      }
  
          $.each(allRadios, function (i, val) {
              var label = $('label[for=' + $(this).attr("id") + ']');
  
              $(this).bind('mousedown keydown', function (e) {
                  setCurrent(e);
              });
  
              label.bind('mousedown keydown', function (e) {
                  e.target = $('#' + $(this).attr("for"));
                  setCurrent(e);
              });
  
              $(this).bind('click', function (e) {
                  setCheck(e);
              });
  
          });
      });
  </script>

  
  
  

  • Marked as answer by starmgm on May 17, 2012 12:28 PM