代码之家 › 专栏 › 技术社区 › Developer

需要一个javascript来启用或禁用复选框

gridview asp.net javascript

Developer · 技术社区 · 14 年前

 <script type="text/javascript">
  function checkboxClick(checked, boxId) {
 var childCheckbox = document.getElementById(boxId);
 childCheckbox.disabled = !checked;

  if(childCheckbox.disabled) //uncheck when disabled
     childCheckbox.checked = false;
}


</script>

  <asp:CheckBox ID="CheckBox1" runat="server" OnClientClick ="checkboxClick(this.checked);" />
    <asp:CheckBox ID="boxId" runat="server" Enabled="false" /></div>

1 回复 | 直到 14 年前

David Hedlund 14 年前

基本上,你想要的是这样的:

function checkboxClick(checked) {
   document.getElementById('childCheckbox').disabled = !checked;
}

<input type="checkbox" onclick="checkboxClick(this.checked);" />
<input type="checkbox" id="childCheckbox" />

现在,如果它们是ASP.NET控件, <asp:CheckBox /> ,您可能需要编辑 checkboxClick 这样它还需要复选框的clientID来启用/禁用。

<asp:CheckBox runat="server" id="cb1" />
<asp:CheckBox runat="server" id="cb2" />

var cb2 = FindControl("cb2");
((CheckBox) FindControl("cb1")).OnClientClick = "checkboxClick(this.checked, '" + cb2.ClientID + "');";

编辑

根据意见满足进一步的要求:

function checkboxClick(checked, boxId) {
   var childCheckbox = document.getElementById(boxId);
   childCheckbox.disabled = !checked;

   if(childCheckbox.disabled) //uncheck when disabled
      childCheckbox.checked = false;
}

<asp:CheckBox runat="server" id="cb1" />
<asp:CheckBox runat="server" id="cb2" Enabled="false" /> <!-- disable on load -->

推荐文章

user8763759 · 生成一个类似“50VIABC001”的代码,如果值“ABC”再次出现,则添加“002”、“003”等。。?

7 年前

Anita Mathew · 无法从gridview获取行的id值以删除特定行

7 年前

be_mi · GridView中的WPF FrameworkElement-更新列宽

7 年前

gruff · DevExpress级联组合框GridView数据绑定

7 年前

Prateek Jahagirdar · 无法使用c#ASP中gridview中的选中行更新数据库。网

7 年前

LuizLoyola · Xamarin表单-更改视图在网格中的位置

7 年前

Harambe Attack Helicopter · 使用第二个UpdatePanel的gridview中的LinkButton从第一个UpdatePanel更新文本框。找不到控件

7 年前

tklustig · 如何在GridView中禁用export textarea?

7 年前

kas_miyulu · Gridview中所需的字段验证器取决于条件c#

7 年前

TommyTomato · 具有设置行数的水平网格视图

7 年前