If you want to check on just one RadioButton you can use the isChecked function if(radioButton.isChecked()) { // is checked } else { // not checked } and if you have a RadioGroup you can use if (radioGroup.getCheckedRadioButtonId() == -1) { // no radio buttons are checked } else { // one of the radio … Read more
If you have multiple of the same name with the checked attribute it will take the last checked radio on the page. <form> <label>Do you want to accept American Express?</label> Yes<input id=”amex” style=”width: 20px;” type=”radio” name=”Contact0_AmericanExpress” /> maybe<input id=”amex” style=”width: 20px;” type=”radio” name=”Contact0_AmericanExpress” checked=”checked” /> No<input style=”width: 20px;” type=”radio” name=”Contact0_AmericanExpress” class=”check” checked=”checked” /> </form>
This code worked for me: $(function(){ $(‘input:radio’).change(function(){ alert(‘changed’); }); }); http://jsfiddle.net/3q29L/
Use document.querySelector() if you want to avoid frameworks (which I almost always want to do). document.querySelector(‘input[name=”gender”]:checked’).value
You can cite the W3C as your source, here and here. Essentially a radio button is a group that functions as a single element since it retains only a single value. Tabbing to a radio group will bring you to the first item and then using the arrow keys you navigate within the group. Focus … Read more
In your code, you’ve got a label on the form itself. You want to put labels on each individual radio group, as shown below. <form> <p>What is my middle name?</p> <br> <input id=”349″ type=”radio” value=”1″ name=”question1″> <label for=”349″>Abe</label> <br> <input id=”350″ type=”radio” value=”2″ name=”question1″> <label for=”350″>Andrew</label> <br> <input id=”351″ type=”radio” value=”3″ name=”question1″> <label for=”351″>Andre</label> <br> … Read more
Try this: $(“:radio[value=foobar]”) This will select all radio buttons with the attribute value=”foobar”.
You can also wrap your elements without giving them each an ID, since a <label> is implicitly for the input it contains, like this: <label> <input type=”radio” name=”mode” value=”create”> <i>create table</i> </label>
For anyone reading this now, the accepted answer will lead to some layout problems on newer APIs causing too much padding. On API <= 16 you can set paddingLeft on the radio button to set the padding relative to the radio button’s view bounds. Additionally, a patch nine background also changes the view bounds relative … Read more
You can set HTML object’s property checked to false like this: document.getElementById(‘desiredInput’).checked = false; Examples Plain JavaScript: var radios = document.getElementsByTagName(‘input’); for(i=0; i<radios.length; i++ ) { radios[i].onclick = function(e) { if(e.ctrlKey || e.metaKey) { this.checked = false; } } } <input type=”radio” name=”test” value=”1″ /> <input type=”radio” name=”test” value=”2″ checked=”checked” /> <input type=”radio” name=”test” value=”3″ … Read more