C# 如果使用代码runat="；服务器"；_C#_Html_Asp.net

C# 如果使用代码runat="；服务器"；

c# html asp.net

C# 如果使用代码runat="；服务器"；,c#,html,asp.net,C#,Html,Asp.net,工作（我可以选择它）：第一组不工作（该选项已禁用）：第一组如何在保持样式的同时修改代码，以确保单选按钮可单击这里有一个更新： <ul id="CPB_ulGroup" class="ulGroup"> <li> <input type="radio" name="grouptype" id="rdGroup1" class="css-checkbox" value="Group 1"> <la

工作（我可以选择它）：


第一组

不工作（该选项已禁用）：


第一组

如何在保持样式的同时修改代码，以确保单选按钮可单击

这里有一个更新：

<ul id="CPB_ulGroup" class="ulGroup">
    <li>
        <input type="radio" name="grouptype" id="rdGroup1" class="css-checkbox" value="Group 1">
        <label for="rdGroup1" class="css-label radGroup1">Group 1</label>
    </li>
    <li>
        <input type="radio" name="grouptype" id="rdGroup2" class="css-checkbox" value="Group 2">
        <label for="rdGroup2" class="css-label radGroup1">Group 2</label>
    </li>
    <li>
        <input value="Group 3" name="grouptype" type="radio" id="rdGroup3" class="css-checkbox">
        <label for="rdGroup3" class="css-label radGroup1">Group 3</label>
    </li>
    <li>
        <input value="Group 4" name="grouptype" type="radio" id="rdGroup4" class="css-checkbox">
        <label for="rdGroup4" class="css-label radGroup1">Group 4</label>
    </li>
</ul>

ASP.net的HTML输出：

<li>
    <input type="radio" name="grouptype" id="rdGroup1" class="css-checkbox" value="Group 1" runat="server" />
    <label for="rdGroup1" class="css-label radGroup1">Group 1</label>
</li>



第一组


第2组


第3组


第4组

如果在Developer Console中，我将底部的两个单选按钮更改为顶部的两个单选按钮，则它可以正常工作：

<ul id="CPB_ulGroup" class="ulGroup">
    <li>
        <input type="radio" name="grouptype" id="rdGroup1" class="css-checkbox" value="Group 1">
        <label for="rdGroup1" class="css-label radGroup1">Group 1</label>
    </li>
    <li>
        <input type="radio" name="grouptype" id="rdGroup2" class="css-checkbox" value="Group 2">
        <label for="rdGroup2" class="css-label radGroup1">Group 2</label>
    </li>
    <li>
        <input value="Group 3" name="ctl00$CPB$grouptype" type="radio" id="CPB_rdGroup3" class="css-checkbox">
        <label for="rdGroup3" class="css-label radGroup1">Group 3</label>
    </li>
    <li>
        <input value="Group 4" name="ctl00$CPB$grouptype" type="radio" id="CPB_rdGroup4" class="css-checkbox">
        <label for="rdGroup4" class="css-label radGroup1">Group 4</label>
    </li>
</ul>



第一组


第2组


第3组


第4组

另一次更新：

<ul id="CPB_ulGroup" class="ulGroup">
    <li>
        <input type="radio" name="grouptype" id="rdGroup1" class="css-checkbox" value="Group 1">
        <label for="rdGroup1" class="css-label radGroup1">Group 1</label>
    </li>
    <li>
        <input type="radio" name="grouptype" id="rdGroup2" class="css-checkbox" value="Group 2">
        <label for="rdGroup2" class="css-label radGroup1">Group 2</label>
    </li>
    <li>
        <input value="Group 3" name="grouptype" type="radio" id="rdGroup3" class="css-checkbox">
        <label for="rdGroup3" class="css-label radGroup1">Group 3</label>
    </li>
    <li>
        <input value="Group 4" name="grouptype" type="radio" id="rdGroup4" class="css-checkbox">
        <label for="rdGroup4" class="css-label radGroup1">Group 4</label>
    </li>
</ul>



第一组


第2组


第3组


第4组

HTML输出：

<ul class="ulGroup" runat="server" id="ulGroup">
    <li>
        <asp:RadioButton ID="rdGroup1" ClientIDMode="Static" CssClass="css-checkbox" runat="server" Text="" GroupName="WhichGroup" AutoPostBack="false" />
        <%--<input type="radio" name="grouptype" id="rdGroup1" class="css-checkbox" value="Group 1" />--%>
        <label for="rdGroup1" class="css-label radGroup1">Group 1</label>
    </li>
    <li>
        <input type="radio" name="grouptype" id="rdGroup2" class="css-checkbox" value="Group 2" />
        <label for="rdGroup2" class="css-label radGroup1">Group 2</label>
    </li>
    <li>
        <input type="radio" name="grouptype" id="rdGroup3" class="css-checkbox" value="Group 3" runat="server" />
        <label for="rdGroup3" class="css-label radGroup1">Group 3</label>
    </li>
    <li>
        <input type="radio" name="grouptype" id="rdGroup4" class="css-checkbox" value="Group 4" runat="server" />
        <label for="rdGroup4" class="css-label radGroup1">Group 4</label>
    </li>
</ul>

。。。

第一组

...

如下所示：

理想情况下，当您让单选按钮在服务器上运行时，该按钮不应被禁用。代码中可能还有其他东西在禁用它。你可以尝试使用javascript或JQuerys将disabled属性设置为false这是你避免使用Web表单asp:RadioButton控件的原因吗@post_erasmus用于造型目的。。。我将发布有样式和无样式的外观。@SearchForkKnowledge假设您的CSS使用类似于

input.CSS复选框的选择器，您可以使用asp:RadioButton控件并将选择器更改为.CSS复选框input
或.CSS复选框[type='radio']
<ul id="CPB_ulGroup" class="ulGroup">
    <li>
        <input type="radio" name="grouptype" id="rdGroup1" class="css-checkbox" value="Group 1">
        <label for="rdGroup1" class="css-label radGroup1">Group 1</label>
    </li>
    <li>
        <input type="radio" name="grouptype" id="rdGroup2" class="css-checkbox" value="Group 2">
        <label for="rdGroup2" class="css-label radGroup1">Group 2</label>
    </li>
    <li>
        <input value="Group 3" name="grouptype" type="radio" id="rdGroup3" class="css-checkbox">
        <label for="rdGroup3" class="css-label radGroup1">Group 3</label>
    </li>
    <li>
        <input value="Group 4" name="grouptype" type="radio" id="rdGroup4" class="css-checkbox">
        <label for="rdGroup4" class="css-label radGroup1">Group 4</label>
    </li>
</ul>

<ul class="ulGroup" runat="server" id="ulGroup">
    <li>
        <asp:RadioButton ID="rdGroup1" ClientIDMode="Static" CssClass="css-checkbox" runat="server" Text="" GroupName="WhichGroup" AutoPostBack="false" />
        <%--<input type="radio" name="grouptype" id="rdGroup1" class="css-checkbox" value="Group 1" />--%>
        <label for="rdGroup1" class="css-label radGroup1">Group 1</label>
    </li>
    <li>
        <input type="radio" name="grouptype" id="rdGroup2" class="css-checkbox" value="Group 2" />
        <label for="rdGroup2" class="css-label radGroup1">Group 2</label>
    </li>
    <li>
        <input type="radio" name="grouptype" id="rdGroup3" class="css-checkbox" value="Group 3" runat="server" />
        <label for="rdGroup3" class="css-label radGroup1">Group 3</label>
    </li>
    <li>
        <input type="radio" name="grouptype" id="rdGroup4" class="css-checkbox" value="Group 4" runat="server" />
        <label for="rdGroup4" class="css-label radGroup1">Group 4</label>
    </li>
</ul>

...
<li>
    <span class="css-checkbox"><input id="rdGroup1" type="radio" name="ctl00$CPB$WhichGroup" value="rdGroup1"></span>
    <label for="rdGroup1" class="css-label radGroup1">Group 1</label>
</li>
...