Currently I have one issue where i have defined my four input tags inside a div.
Now the issue is arising that i need to separate them each using the table tag or either the nested div tag to make their width..
currently my show is like this
<div class="row">
<input type="text" id="text2" name="text2"/></br>
<input type="radio" name="text2Radios" value="1" class="ToBeED"/>1 </br>
<input type="radio" name="text2Radios" value="2" class="ToBeED"/>2 </br>
<input type="radio" name="text2Radios1" value="3" class="ToBeED"/>3 </br>
<input type="radio" name="text2Radios1" value="4" class="ToBeED"/>4 </br>
<textarea name="textarea2" cols="25" rows="4" class="ToBeED"></textarea>
</div>
and i want to separate them as:
<div class="row">
<div style="width:100px;"><input type="text" id="text2" name="text2"/></br></div>
<div style="width:100px;"><input type="radio" name="text2Radios" value="1" class="ToBeED"/>1 </br>
<input type="radio" name="text2Radios" value="2" class="ToBeED"/>2 </br> </div>
<div style="width:100px;"><input type="radio" name="text2Radios1" value="3" class="ToBeED"/>3 </br>
<input type="radio" name="text2Radios1" value="4" class="ToBeED"/>4 </br></div>
<div style="width:100px;"><textarea name="textarea2" cols="25" rows="4" class="ToBeED"></textarea> </div>
</div>
why i want like this is because i am enabling/disabling the radio buttons upon the selction of the textbox! if thgere is any entry in textbox, it will enable all radios and textarea as otherwise it will disable!
I find the issue on this line of my jquery!
$(this).parent().children(".ToBeED").attr("disabled", "true");
where when another div is used, it is not recognizing!
Please guide