Question

我有一个asp.net复选框列表，checkboxlist的值是从数据库绑定的。我的要求是取消选中按钮上的复选框。有人可以建议我如何使用javascript或jquery取消选中复选框。感谢

Answer 1

    //Assuming you have this object model structure in your ASPX page.
<input type="text" name="openid_username" />
<input type="text" name="openid_identifier" />

Upon screen render, it gets  translated to:
<asp:TextBox ID="ctl00_ContentPlaceHolder1_ctl00_openid_username" runat="server"></asp:TextBox>
<asp:TextBox ID="ctl00_ContentPlaceHolder1_ctl00_openid_identifier" runat="server"></asp:TextBox>

<input type='button' id='myButton' value='Check Button'>

您可以通过以下jquery代码设置复选框的checked属性：

$('#myButton').click(function() {
  $('input[name$=openid_username]').prop('checked',true);
$('input[name$=openid_identifier]').prop('checked',true);
  });

另外，请看这个jsFiddle link。

Answer 2

给复选框一个css类说.mycheckbox

// On:
$(".mycheckbox").checked(true);

// Off:
$(".mycheckbox").checked(false);

// Toggle:
$(".mycheckbox:checked").checked(false);
$(".mycheckbox:not(:checked)").checked(true);

Answer 3

Jquery的

function checkAll(formname)
{
  var checkboxes = new Array(); 
  checkboxes = document[formname].getElementsByTagName('input');

  for (var i=0; i<checkboxes.length; i++)  {
    if (checkboxes[i].type == 'checkbox')   {
      checkboxes[i].checked = false;
    }
  }
}; 

$(document).ready(function(){
$('#unCheck').click(function () {
         checkAll("form1");
      });
});

HTML

  <form id="form1" runat="server">
    <div>
    <asp:CheckBoxList id="check1" AutoPostBack="True" TextAlign="Right" runat="server">
    <asp:ListItem>Item 1</asp:ListItem>
    <asp:ListItem>Item 2</asp:ListItem>
    <asp:ListItem>Item 3</asp:ListItem>
    <asp:ListItem>Item 4</asp:ListItem>
    <asp:ListItem>Item 5</asp:ListItem>
    <asp:ListItem>Item 6</asp:ListItem>

这将解决您的问题。

Answer 4

点击html按钮：

<input type="button" value="Uncheck all" onclick="uncheckCheckboxes()" />

编写javascript函数uncheckCheckboxes（假设您的复选框列表ID为cbl）：

function uncheckCheckboxes()
{
   $("#<%# cbl.ClientID %> input").prop("checked",false);
}

使用javascript或jquery取消选中asp.net checkboxlist值

4 个答案:

Jquery的

HTML