ansaurus

Question

How do you prevent ONE radio button in a group from being selected, but allow others to deselect it?

Answer 1

+3 A:

Yes, it will.

Here's a quick example: http://jsbin.com/onuci

Of course, I'm not using any JavaScript for it, but I just wanted to show that a disabled radio button (R2 in the example) can be checked, but then when the user clicks either of the other two buttons, it becomes unchecked and cannot be checked again.

Jeff Rupert 2009-12-11 15:50:58

Heh...I should've just tested it myself :-). But hey, you got a couple extra rep points for an easy-peasy (or is it peasie?). Thanks Jeff!

btelles 2009-12-11 17:51:45

You're welcome! Glad to be of assistance!

Jeff Rupert 2009-12-11 18:29:02

Answer 2

+2 A:

I suggest using Check boxes for this. What happens if I accidentally activated "R1" and then wanted to deactivate it?

Shoban 2009-12-11 15:51:31

Yup, that's part of the use case that I did not explain...Thanks though!

btelles 2009-12-11 17:52:30

Answer 3

A:

jQuery can achieve this quite easily: http://jquery.com/

<html>
<head>
    <script type="text/javascript" src="http://www.google.com/jsapi"&gt;&lt;/script&gt;
    <script type="text/javascript">
     google.load("jquery", "1.3.2");

     $(document).ready(function () {
         $("r1").click(function () { 
          $("r2").removeAttr("checked");
         });
     });
    </script>
</head>
<body>

<form action="form_action.php" method="get">
  <input id="r1" type="radio" name="dog" value="Gus" /> Gus<br />
  <input id="r2" type="radio" name="dog" value="Bruce" checked="checked" disabled="disabled" /> Bruce<br />
  <input id="r3" type="radio" name="dog" value="Champ" /> Champ<br />
  <input type="submit" value="Submit" />
</form>

</body>
</html>

simeonwillbanks 2009-12-11 16:00:17

Bah, over engineering on my part.

simeonwillbanks 2009-12-11 20:02:41

ansaurus

tags:

views:

answers:

How do you prevent ONE radio button in a group from being selected, but allow others to deselect it?

related questions