Home Articles FAQs XREF Games Software Instant Books About Feedback Search Site-Map
irt.org logo

Q1039 How can I ensure that one radio button is checked and that the relevant text field is not empty?

irt.org | Knowledge Base | JavaScript | Form 3.4 | Q1039 [ previous next ]

Q1039 How can I ensure that one radio button is checked and that the relevant text field is not empty?

Try something like this:

<script language="JavaScript"><!--
function validate(what) {
    for (var i=0;i<what.radioButtonName.length;i++) {
        if (what.radioButtonName[i].checked && what.elements['textFieldName' + i].value != '')
            return true;
    }
    alert('You must choose an option, and complete the form field');
    return false;
}
//--></script>

<form name="formName" onSubmit="return validate(document.forms.formName)">
<input type="radio" name="radioButtonName"> <input type="text" name="textFieldName0"><br>
<input type="radio" name="radioButtonName"> <input type="text" name="textFieldName1"><br>
<input type="radio" name="radioButtonName"> <input type="text" name="textFieldName2"><br>
<input type="submit">
</form>

Note: A lone radio is not valid HTML - you need two - if only one, use a checkbox. IE seemingly does not create an array if there is only one.


Provide feedback ...
AddThis Social Bookmark Button

Provide feedback ... AddThis Social Bookmark Button


Last Updated: 30th March 2008. Maintained by: Martin Webb and Michel Plungjan
irt.org liability, trademark, document use, privacy statement and software licensing rules apply.
Copyright © 1996-2008 irt.org, All Rights Reserved.