Makes checkbox like radiobutton WITH uncheck available

Question

I need to have 2 checkbox work as radiobutton, but I can't use radiobutton cause I want to make uncheck available

<script type="text/javascript">
$(document).ready(function() {
$(".gps-garmin").click(function() {
  selectedBox = this.id;
  $(".gps-garmin").each(function() {
    if ( this.id == selectedBox )
    {
      this.checked = true;
    }
    else
    {
      this.checked = false;
    };
  });
 });
});

<td><input type="checkbox" id="garmin" value="garmin" class="gps-garmin"></td>
<td><input type="checkbox" id="gps" value="gps" class="gps-garmin"></td>

Actually my checkbox are working exactly like radio button, I found this code here, but I need to make uncheck possible

`I can't use radiobutton cause I want to make uncheck available` In this case use 3 radio buttons. 1 for each of these options: `Garmin`, `GPS` and `None` This makes the validation logic simpler too, as then all groups must be chosen from, so theres no possibility of a user missing out an option — Rory McCrossan, Feb 13 '17 at 13:58
I don't want a none button it's useless in my case, I got other checkbox after this that didn't need this feature — Sydowh, Feb 13 '17 at 13:59

Anton Zikov · Accepted Answer · 2017-02-13T14:12:15.910

1

Try this:

$(".gps-garmin").click(function() {
  var check = $(this).prop('checked');
  $(".gps-garmin").prop('checked',false);
  $(this).prop('checked', (check) ? true : false);
  });

edited Feb 13 '17 at 14:12

answered Feb 13 '17 at 14:00

Anton Zikov

144
8

It's working like my code, but I can't uncheck if I checked – Sydowh Feb 13 '17 at 14:01
What was your requirement we can't get you @Sydowh – Rajesh Baskaran Feb 13 '17 at 14:03
@RajeshBaskaran I just need this but with uncheck possible – Sydowh Feb 13 '17 at 14:05
I've edit my code, try it. Seems it works as you need. – Anton Zikov Feb 13 '17 at 14:12

score 0 · Answer 2 · edited May 23 '17 at 12:08

0

As mentioned in How-to-uncheck-a-radiobutton, you should be able to clear a radio-button by using plain js or jQuery

For example in case of using plain js (copied from the linked answer):

this.checked = false;

edited May 23 '17 at 12:08

Community

1
1

answered Feb 13 '17 at 14:07

Sebastian Plasschaert

274
4
13

Rajesh Baskaran · Answer 3 · 2017-02-13T14:18:02.340

0

Is this You trying: $(".gps-garmin").click(function() {

if($(this).prop("checked") == true){

$(".gps-garmin").prop('checked',false);

$(this).prop('checked',true);

} else if($(this).prop("checked") == false){

$(".gps-garmin").prop('checked',false);


        }

});

edited Feb 13 '17 at 14:18

answered Feb 13 '17 at 14:10

Rajesh Baskaran

322
1
11

Makes checkbox like radiobutton WITH uncheck available

3 Answers3