当我关联runat=“server”属性时，JQuery UI 按钮集在单选按钮上不起作用

JQuery UI buttonset not working on radio buttons when I associate runat="server" attribute

本文关键字：按钮 UI JQuery 不起作用 单选按钮 runat 关联 属性 server      更新时间：2023-09-26

我正在创建一个演示应用程序，我想在其中使用单选按钮作为按钮。为此，我正在使用JQuery UI按钮集小部件。它以前工作正常，但实际问题开始于我引入属性runat="server"，以便在回发期间保留状态。但是在应用该属性后，按钮集小部件停止在单选按钮上工作。

因此，我只想要一个解决方案，我可以保留单选按钮控件的状态，同时在其上应用按钮集小部件。

    <div id="genderOptions">
        <input type="radio" id="genderMale" value="Male" name="gender" />
        <label for="genderMale" >Male </label>
        <input type="radio" id="genderFemale" value="Female" name="gender"/>
        <label for="genderFemale" >Female </label>
    </div>

不带 runat="server" 属性的输出

    <div id="genderOptions">
        <input type="radio" id="genderMale" value="Male" name="gender" runat="server" />
        <label for="genderMale" >Male </label>
        <input type="radio" id="genderFemale" value="Female" name="gender" runat="server" />
         <label for="genderFemale" >Female </label>
    </div>

这是指定属性 runat="server" 后的最终输出

用于

动态更改id和name属性的runat="server"属性。验证呈现的标记。可能你会看到类似的东西 <input type="radio" id="ctl00_genderMale" value="Male" name="ctl00$gender" />我假设您在初始化按钮集小部件的 JS 中使用 id 指定输入字段。尝试改用标签或类选择器：

$("#genderOptions").buttonset({
    items: "input[type=radio]"
});
相关文章：