选中复选框时执行函数

时间:2017-11-27 11:18:42

标签: javascript jquery checkbox javascript-events

当我们检查或取消选中复选框(在gridview内)时,我有以下功能,它将显示弹出窗口和其他处理信息。

如果选中复选框而不是未选中条件,是否有办法执行此功能..

下面是我的功能

 $(document).ready(function () {
    $('#<%= gvPRCertInfo.ClientID %> input[type="checkbox"]').change(function () {

        var signValue = $(this).closest('tr').children('td:eq(4)').html();

        if (signValue == "Virtual") {

            var confirm_value = document.createElement("INPUT");
            confirm_value.type = "hidden";
            confirm_value.name = "confirm_value";

            if (confirm("you have selected virtual do u want to create a new name for this?")) {
                confirm_value.value = "Yes";
            } else {
                confirm_value.value = "No";
            }
            document.forms[0].appendChild(confirm_value);
        }
    });
});

这是我的gridview

 <asp:GridView ID="gvPRCertInfo" runat="server" GridLines="None"                                                                                  
   CssClass="data responsive">
           <Columns>
          <asp:TemplateField HeaderText="Select" SortExpression="">
             <HeaderTemplate>
               <asp:CheckBox ID="chkboxSelectAll" runat="server" AutoPostBack="true" OnCheckedChanged="chkboxSelectAll_CheckedChanged" />
                </HeaderTemplate>
                   <ItemTemplate>
                    <asp:CheckBox ID="chkCert" AutoPostBack="true" ClientIDMode="Static" OnCheckedChanged="chkCert_CheckedChanged" runat="server" />
                    <input type="hidden" id="hdnCertId" runat="server" value='<%# DataBinder.Eval(Container.DataItem, "CertId") %>' />
                           </ItemTemplate>
                   </asp:TemplateField>
            <asp:BoundField DataField="CertificateID" HeaderText="Certificate ID" HeaderStyle-HorizontalAlign="Center" />

 ................
 .................

如果我选中复选框,任何人都会建议如何执行任何想法 非常感谢提前

4 个答案:

答案 0 :(得分:2)

亲爱的,亲爱的,我认为这会奏效,但我仍然不确定

你可以像下面这样编码:

$(document).ready(function () {
    $('#myCheckbox').change(function () {
     if ($(this).attr("checked")) {
        // fire your function 
        return;
     }
     // not checked
   });
});

答案 1 :(得分:2)

在复选框的更改功能中尝试此操作。

if($(this).is(':checked') == true)
{

/* Your function code here.*/

}

答案 2 :(得分:2)

你可以使用jQuery的is()函数:

if($("input").is(':checked')) {
  dosomething
}

答案 3 :(得分:1)

在onchange函数中试试这个

Javascript代码

if(document.getElementById('mycheckbox').checked) {
    console.log("ckecked")
} else {
     console.log("not ckecked")
}

jquery代码

  if ($('#mycheckbox').attr("checked")) {
             console.log("ckecked")
  }else{    
    console.log("not ckecked")
  }