【问题标题】:How to change the btn style using javascript in asp.net?如何在 asp.net 中使用 javascript 更改 btn 样式?
【发布时间】:2017-07-25 01:20:09
【问题描述】:

我有一个编写的 javascript 函数,它将在单击时将按钮类类型从 btn btn-success 更改为 btn btn-danger。我该怎么做?基本上,我想每次都切换 btn 类。

<td>   
                    <div id="btn_modal_Edit" class="btn btn-success"   runat="server">
                    <a href='CreateAccount.aspx?Id=<%# Eval("ID")%>&RoleName=<%# Eval("RoleName")%>'>Edit</a>
                    </div>
                    <div id="btn_modal_Status" class="btn btn-success" runat="server">
                    <a data-toggle="modal" data-target="#myModal" onclick="fun(<%# Eval("ID")%>)">Status</a>
                    </div>
                </td>

function fun(id)
{
    document.getElementById('<%= hfId.ClientID%>').value = id;
    document.getElementById('btn_modal_Edit').className = "btn-danger";
    document.getElementById('btn_modal_status').className = "btn-danger";
}

此函数失败,因为它找不到 document.getElementById('btn_modal_Edit') 和 document.getElementById('btn_modal_status')。

有解决这个问题的想法吗?

【问题讨论】:

  • 您是否检查了这些元素是否具有这些 ID?出于某种原因,您将它们设为runat="server"

标签: javascript jquery html


【解决方案1】:

这一切都很好:

document.getElementById("btn_modal_Edit").className = "btn-danger";

Working Fiddle

【讨论】:

  • 不适合我 - 所有这些 td 标签都是 asp.net 数据源列表视图
  • 兄弟,检查小提琴。它正在选择元素并在元素上应用给定的样式
猜你喜欢
  • 2012-08-30
  • 1970-01-01
  • 1970-01-01
  • 2021-01-04
  • 2023-03-15
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多