相关疑难解决方法(0)

检查是否使用jQuery选中了复选框

如何检查复选框数组中的复选框是否使用复选框数组的ID进行检查?

我使用以下代码,但无论id如何,它总是返回已选中复选框的计数.

function isCheckedById(id) {
    alert(id);
    var checked = $("input[@id=" + id + "]:checked").length;
    alert(checked);

    if (checked == 0) {
        return false;
    } else {
        return true;
    }
}
Run Code Online (Sandbox Code Playgroud)

javascript checkbox jquery

1122
推荐指数
21
解决办法
177万
查看次数

如何检查是否选中了复选框?

我正在使用jQuery Mobile构建移动Web应用程序,我想检查是否选中了复选框.这是我的代码.

<script type=text/javascript>
  function validate(){
    if (remember.checked == 1){
      alert("checked") ;
    } else {
      alert("You didn't check it! Let me check it for you.")
    }
  }
</script>

<input id="remember" name="remember" type="checkbox" onclick="validate()" />
Run Code Online (Sandbox Code Playgroud)

但由于某种原因,它不会执行它.

请帮忙 !

----编辑-----这就是我现在所拥有的.

<DIV data-role="content" data-theme="g">
    <DIV class=ui-grid-g-login>
        <FORM method=post action=[$=PROBE(266)/] data-theme="C">
            <P>~DATA_ERROR~</P>
            <div id="mail" data-role="fieldcontain">
                <label for="mail">Email:*</label>       
                <input id="mail" name="mail" type="email" />
            </div>
            <div id="pass" data-role="fieldcontain">
                <label for="pass">Paswoord:*</label>        
                <input id="pass" name="pass" type="password" />
            </div>
            <div id="remember" data-role="fieldcontain">
                <label for="remember">Onthoud mij</label>       
                <input id="remember" name="remember" type="checkbox" …
Run Code Online (Sandbox Code Playgroud)

javascript checkbox jquery-mobile

165
推荐指数
9
解决办法
72万
查看次数

jQuery复选框事件处理

我有以下内容:

<form id="myform">
   <input type="checkbox" name="check1" value="check1">
   <input type="checkbox" name="check2" value="check2">
</form>
Run Code Online (Sandbox Code Playgroud)

如何使用jQuery捕获发生的任何检查事件myform并告诉切换哪个复选框(并知道它是否打开或关闭)?

html checkbox jquery

133
推荐指数
6
解决办法
26万
查看次数

如果选中复选框,如何隐藏和显示项目

我试图隐藏并根据是否选中复选框显示区域.我尝试过一些选项,但是这个区域一直都是可见的,或者它一直都是隐藏的.

JavaScript:

$(document).ready(function () {
    var mgift = $('#chkbxMGift input[type=checkbox]');     
    MshowHide();    

    mgift.change(function () {
        MshowHide();
    });
});


function MshowHide() {
    var mgift = $('#chkbxMGift input[type=checkbox]');
    var shcompany = $('#shcompany');

    if (mgift.checked) {
        shcompany.show();
    } else {       
        shcompany.hide();        
    }
}
Run Code Online (Sandbox Code Playgroud)

HTML:

<li>
    <div class="info">                 
        <asp:CheckBox ID="chkbxMGift" runat="server" Text="A matching gift will be made" ClientIDMode="Static"/>
    </div>
</li>

<li id="shcompany">    
    <div class="info">               
        <label for="txtCompanyName">Company Name</label>
        <asp:TextBox runat="server" ID="txtCompanyName" CssClass="narrow" />   
    </div>
    <div class="info">  
        <label for="txtCompanyPhone">Company Phone Number</label>
        <asp:TextBox runat="server" ID="txtCompanyPhone" CssClass="narrow"  />       
    </div> …
Run Code Online (Sandbox Code Playgroud)

html javascript asp.net jquery

4
推荐指数
1
解决办法
3万
查看次数

jquery - 选中复选框时显示文本框

我有这个表格

<form action="">
  <div id="opwp_woo_tickets">
    <input type="checkbox" class="maxtickets_enable_cb" name="opwp_wootickets[tickets][0][enable]">
    <div class="max_tickets">
        <input type="text" name="opwp_wootickets[tickets][0][maxtickets]">
    </div>

    <input type="checkbox" class="maxtickets_enable_cb" name="opwp_wootickets[tickets][1][enable]">
    <div class="max_tickets">
        <input type="text" name="opwp_wootickets[tickets][1][maxtickets]">
    </div>

    <input type="checkbox" class="maxtickets_enable_cb" name="opwp_wootickets[tickets][2][enable]">
    <div class="max_tickets">
        <input type="text" name="opwp_wootickets[tickets][2][maxtickets]">
    </div>
  </div>
</form>
Run Code Online (Sandbox Code Playgroud)

截至目前,我正在使用此jquery代码在复选框选中时显示文本框.

jQuery(document).ready(function($) {
   $('input.maxtickets_enable_cb').change(function(){
        if ($(this).is(':checked')) $('div.max_tickets').show();
        else $('div.max_tickets').hide();
    }).change();
});
Run Code Online (Sandbox Code Playgroud)

它工作正常,但它会在选中时显示所有文本框.

有人可以帮我解决吗?

这是我的问题的演示.

http://codepen.io/mistergiri/pen/spBhD

html javascript jquery

3
推荐指数
1
解决办法
3万
查看次数

标签 统计

javascript ×4

jquery ×4

checkbox ×3

html ×3

asp.net ×1

jquery-mobile ×1