Question

我正在创建一个演示应用程序，我想使用单选按钮作为按钮。为此，我使用JQuery UI buttonset小部件。它之前工作正常，但实际问题是在我引入属性runat =“server”时开始的，以便在回发期间保留状态。但在应用该属性后，buttonset小部件停止了对单选按钮的处理。

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

    <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>

Output without runat="server" attribute

    <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>

This is the final output after specifying the attribute runat="server"

Answer 1

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

$("#genderOptions").buttonset({
    items: "input[type=radio]"
});

当我关联runat =“server”属性时，JQuery UI按钮组无法使用单选按钮

1 个答案: