snippet library logo
Amazon.com
in category
Javascript / Forms / Disabling Radio Buttons
Snippet details
ID: 244
Viewed: 1350
Added: 2002-07-17
Version:
View Demo

User Rated at:
Rate This:
Snippets in this catagory         
Show Printable Version
a simple way to disable a group of radio buttons and enable another group.

Browsers: IE4+, NS6+, Opera, Mozilla 1.x

General Details
Snippet uploaded by: snippet
Email : webmaster@snippetlibrary.com
Snippet By: unknown

<!---Head--->
<script language=javascript>
function disableTwo(disable,enable){
var x;
x=0;
    for ( x = 0; x <= (disable-1); x++ ) { 
    document.form1.radio2option[x].disabled="true";
    }
document.form1.text2.disabled="true";
//enable one
x=0;
    for ( x = 0; x <= (enable-1); x++ ) { 
    document.form1.radio1option[x].disabled="";
    }
document.form1.text1.disabled="";

}

function disableOne(disable,enable){
var x;
x=0;
    for ( x = 0; x <= (disable-1); x++ ) { 
    document.form1.radio1option[x].disabled="true";
    }
document.form1.text1.disabled="true";
//enable two
x=0;
    for ( x = 0; x <= (enable-1); x++ ) { 
    document.form1.radio2option[x].disabled="";
    }
document.form1.text2.disabled="";

}

</script>

<!---Body--->


<form name=form1>
<br><br><br>
<input type=radio name=radio1 value=radio1 onClick="disableTwo(4,7);" checked>Radio1
<br>&nbsp;&nbsp;&nbsp;<input type=radio name=radio1option value=radio1option>
<br>&nbsp;&nbsp;&nbsp;<input type=radio name=radio1option value=radio1option>
<br>&nbsp;&nbsp;&nbsp;<input type=radio name=radio1option value=radio1option>
<br>&nbsp;&nbsp;&nbsp;<input type=radio name=radio1option value=radio1option>
<br>&nbsp;&nbsp;&nbsp;<input type=radio name=radio1option value=radio1option>
<br>&nbsp;&nbsp;&nbsp;<input type=radio name=radio1option value=radio1option>
<br>&nbsp;&nbsp;&nbsp;<input type=radio name=radio1option value=radio1option><input type=text size=10 name=text1 value=text1>
<br><br><br>

<input type=radio name=radio1 value=radio1 onclick="disableOne(7,4);">Radio1
<br>&nbsp;&nbsp;&nbsp;<input type=radio name=radio2option value=radio2option>
<br>&nbsp;&nbsp;&nbsp;<input type=radio name=radio2option value=radio2option>
<br>&nbsp;&nbsp;&nbsp;<input type=radio name=radio2option value=radio2option>
<br>&nbsp;&nbsp;&nbsp;<input type=radio name=radio2option value=radio2option>
<input type=text name=text2 size=10 value=text2>
</form>




No Reviews to show


Please completely fill out the form below if you want to review this snippet. All reviews are subject to validation.


Subject:

Reviewed By:

Write a review:





Terms of Conditions
Powered By
Avian Hosting
© 2005 snippetlibrary.com All Rights Reserved.