Jquery 将元素的显示文本设置为“暗显”

鉴于这种HTML，当我选择DoNotLimit单选按钮时，如何扩展jQuery以使元素显示的文本变暗或变灰

请参见此处的示例：

现在，单击“不限制”按钮将正确禁用复选框谢谢，gw，感谢您在这方面的所有帮助！，但文本仍然与以前一样

有没有另一种聪明的jQuery/CSS技巧可以使文本看起来暗淡

马克

并添加CSS定义：

.disabled { color: gray; }

---

单击单选按钮时只需切换一个类-一个类将颜色设置为333333，另一个设置为CCCCCC

如果您使用ASP.NET控件，请确保在编写JavaScript时使用按钮控件的ClientID属性。这将使您不必处理内容占位符中损坏的ID

内容占位符中的ASP.NET标记示例：

生成的HTML：

<input id="ctl00_MainContent_rbnDontLimit" type="radio" name="ctl00$MainContent$rbnDontLimit" value="ctl00_MainContent_rbnDontLimit" />
<span class="dcDetails"><input id="ctl00_MainContent_chkWhatever" type="checkbox" name="ctl00$MainContent$chkWhatever" /></span>
<label for="ctl00_MainContent_chkWhatever" id="ctl00_MainContent_lblWhatever">12 months</label>

对于页面上的JavaScript：

$("#<%= rbnDontLimit.ClientID %>").click(function() {
    $('.dcDetails').attr('checked', false).attr('disabled', true).each(function(){
            $('label[for=' + $(this).attr('id')  + ']').addClass('disabled');
    });
});
// Using <%= rbnDontLimit.ClientID %> on your .aspx page will generate:
// "ctl00_MainContent_rbnDontLimit"

---

六羟甲基三聚氰胺六甲醚。。。。这似乎根本没什么作用：-我甚至试着把它设成红色，只是为了绝对肯定没有更改…与addClass调用相同-文本根本不会更改外观：-抱歉，我没有完全阅读您的HTML。将颜色属性添加到复选框本身是毫无意义的。您需要将12个月的文本包装在一个文件夹中。像这样：12个月。而且，它应该是，不是我已经在我的答案中更新了代码。如果你像我解释的那样对文本应用a，应该可以。是的，谢谢-现在它可以了！我只希望我的ASP.NET页面能够按照这些思路呈现一些东西-很乐意帮忙。祝你的项目顺利完成！这是因为不允许在元素中包含这样的文本。s是自动关闭的，所以必须是：12个月见下面我的更新答案。谢谢！我在这里每小时都在学习-

.disabled { color: gray; }

<asp:RadioButton ID="rbnDontLimit" runat="server" />
<asp:CheckBox ID="chkWhatever" CssClass="dcDetails" runat="server" />
<asp:Label ID="lblWhatever" AssociatedControlID="chkWhatever">12 months</asp:Label>

<input id="ctl00_MainContent_rbnDontLimit" type="radio" name="ctl00$MainContent$rbnDontLimit" value="ctl00_MainContent_rbnDontLimit" />
<span class="dcDetails"><input id="ctl00_MainContent_chkWhatever" type="checkbox" name="ctl00$MainContent$chkWhatever" /></span>
<label for="ctl00_MainContent_chkWhatever" id="ctl00_MainContent_lblWhatever">12 months</label>

$("#<%= rbnDontLimit.ClientID %>").click(function() {
    $('.dcDetails').attr('checked', false).attr('disabled', true).each(function(){
            $('label[for=' + $(this).attr('id')  + ']').addClass('disabled');
    });
});
// Using <%= rbnDontLimit.ClientID %> on your .aspx page will generate:
// "ctl00_MainContent_rbnDontLimit"