javascript - javascriptまたはjqueryを使用してasp.netのチェックボックスリストの値をオフにします

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リンクも参照してください。

Answer 2

チェックボックスにcssクラスを与える.mycheckbox

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

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

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

Answer 3

Jクエリ

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);
}