Below is my code, after searching so much over the internet; i am not able to do this simple thing of validation.
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('#myText').click(function(){
$('#radio1').removeAttr('disabled','disabled');
$('#radio2').removeAttr('disabled','disabled');
$('#radio3').removeAttr('disabled','disabled');
$('#submit').removeAttr('disabled','disabled');
})
});
</script>
</head>
<body>
<input type="checkbox" id="myText" value="Click it!">Click it!</input>
<br/>
<br/>
<input type="radio" id="radio1" name="gok" value="Radio 1" disabled="disabled"> Radio 1</input>
<br/>
<input type="radio" id="radio2" name="gok" value="Radio 2" disabled="disabled"> Radio 2</input>
<br/>
<input type="radio" id="radio3" name="gok" value="Radio 3" disabled="disabled"> Radio 3</input>
<br/>
<button type="button" id="submit" disabled="disabled"> Submit</button>
</body>
</html>
The checkbox above when checked; the radio buttons gets enabled and submit button is also enabled. I dont think this is a optimized solution; Please help me get a code which has optimized version like
1) if i keep radio & submit buttons in a div and try using the id of div and inside radio buttons are enabled
2) In jquery, i can run a iterator kinda thing which will reduce my code of lines
Thanks in advance!!!
Instead of using an
idfor each element use theclassattribute.Try this – DEMO