StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

PO
text
Body
copied!<p>Though Daniel's solution is correct for the most part, it won't work well with ASP.NET. This is due to ASP.NET's mangling of IDs when controls are inside naming containers. Your simplest bet is to add a couple of classes to your controls.</p> <p>Try this:</p> <pre><code><asp:RadioButtonList ID="Group1Most" CssClass="Group1Most" onClick="disable('Group1Most', 'Group1Least')" runat="server" > <asp:ListItem Value="1"> |</asp:ListItem> <asp:ListItem Value="2"> |</asp:ListItem> <asp:ListItem Value="3"> |</asp:ListItem> <asp:ListItem Value="4"> |</asp:ListItem> </asp:RadioButtonList> <asp:RadioButtonList ID="Group1Least" CssClass="Group1Least" runat="server" > <asp:ListItem Value="1"> This and That</asp:ListItem> <asp:ListItem Value="2"> Fire and Ice</asp:ListItem> <asp:ListItem Value="3"> Black and Tan</asp:ListItem> <asp:ListItem Value="4"> Smith and Wesson</asp:ListItem> </asp:RadioButtonList> </code></pre> <p>And, because I never advocate writing inline JavaScript, I would put this in an external script file, we'll call it site.js, and reference it from within your page using a script tag, like so:</p> <pre><code><script type="text/javascript" src="site.js"></script> </code></pre> <p>Calling:</p> <pre><code>$(function(){}); </code></pre> <p>is shorthand for :</p> <pre><code>$(document).ready(function(){}); </code></pre> <p>So, this goes inside site.js:</p> <pre><code>$(function() { $('.Group1Most input').click(function() { $('.Group1Least [value=' + $(this).val() + ']').attr('disabled','disabled'); }); }); </code></pre>

Querying!

Guidance

An individual column

Larger individual text columns get their own page to allow for proper reading.

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