我正在创建一个演示应用程序,我想在其中使用单选按钮作为按钮。为此,我正在使用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]"
});