Note that there are some explanatory texts on larger screens.

plurals
  1. POjQuery enable/disable asp.net controls based on user selection
    text
    copied!<p>I am generating following recurring markup from asp.net -</p> <pre><code> &lt;tr id="trRow0" class="trClass"&gt; &lt;td id="cell0" class="tdClass"&gt; &lt;input id="MainContent_rptColleges_rbCollege_0" type="radio" name="ctl00$MainContent$rptColleges$ctl01$rbCollege" value="mit" /&gt; mit &lt;/td&gt; &lt;td&gt; &lt;ul&gt; &lt;li&gt; &lt;input id="MainContent_rptColleges_rptCourses_0_rbCourse_0" type="radio" name="ctl00$MainContent$rptColleges$ctl01$rptCourses$ctl01$rbCourse" value="computer science" /&gt; &amp;nbsp; computer science &lt;/li&gt; &lt;li&gt; &lt;input id="MainContent_rptColleges_rptCourses_0_rbCourse_1" type="radio" name="ctl00$MainContent$rptColleges$ctl01$rptCourses$ctl02$rbCourse" value="mechanical engg." /&gt; &amp;nbsp; mechanical engg. &lt;/li&gt; &lt;/ul&gt; &lt;/td&gt; &lt;/tr&gt; &lt;tr id="trRow1" class="trClass"&gt; &lt;td id="cell1" class="tdClass"&gt; **... ...** </code></pre> <p>Once the user clicks on any row college radio button, containing child radio button has to be enabled. Upon selecting other row, previously selected child radio buttons should be reset/disabled.</p> <p>I have achieved half success using jQuery, by obtaining selected row TR ID with following code, </p> <pre><code> $(document).ready(function myfunction() { $('[id*=rbCollege]').click(function (e) { var selectedCollegeRow = jQuery(this).parent().parent().attr("id"); $(selectedCollegeRow).find('input[name$=rbCourse]'). //code to enable disable radio }); }); </code></pre> <p>What other info am I missing ?</p>
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload