标签: checkbox

我知道我可以使用以下方法在页面上获得所有选中的复选框:

$('input[type=checkbox]').each(function () {
    var sThisVal = (this.checked ? $(this).val() : "");
});

但我现在在一个页面上使用它,这个页面上有一些我不想包含的其他复选框.如何将上面的代码更改为仅查看具有特定类的复选框？

<input type="checkbox" onclick="onClickHandler()" onchange="onChangeHandler()" />

从内部onClickHandler和/或onChangeHandler,我如何确定复选框的新状态？

我有一个复选框列表:

<input type="checkbox" name="answer" id="id_1' value="1" />
<input type="checkbox" name="answer" id="id_2' value="2" />
...
<input type="checkbox" name="answer" id="id_n' value="n" />

我可以收集已选中复选框的所有值; 我的问题是如何获得未选中复选框的所有值？我试过了:

$("input:unchecked").val();

得到一个未经检查的复选框的值,但我得到了:

语法错误,无法识别的表达式:未选中.

任何人都可以解释这个问题吗？谢谢!

是否有一种简单的方法可以将自定义图像用于复选框？我想复制gmail的"已加星标"行为.所以我希望有一个复选框,当选中时,它是一个填充星号.当未经检查的是一颗空星.我是否必须使用imageview并自己做我自己的逻辑？

我有一个复选框,我想对click事件执行一些Ajax操作,但是复选框也在一个容器内,它有自己的点击行为,当我点击复选框时我不想运行它.此示例说明了我想要做的事情:

$(document).ready(function() {
  $('#container').addClass('hidden');
  $('#header').click(function() {
    if ($('#container').hasClass('hidden')) {
      $('#container').removeClass('hidden');
    } else {
      $('#container').addClass('hidden');
    }
  });
  $('#header input[type=checkbox]').click(function(event) {
    // Do something
  });
});

但是,我无法弄清楚如何停止事件冒泡而不会导致默认点击行为(复选框变为选中/取消选中)不运行.

以下两个都会停止事件冒泡,但也不会更改复选框状态:

#container.hidden #body {
  display: none;
}

浏览器的标准行为是否仅在表单提交时检查复选框输入值数据？

如果没有提供值数据,默认值是否总是"开启"？

假设以上是正确的,所有浏览器的这种一致行为是什么？

我正在使用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()" />

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

请帮忙 !

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

<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" …

所以我有代码看起来像这样:

<input class="messageCheckbox" type="checkbox" value="3" name="mailId[]">
<input class="messageCheckbox" type="checkbox" value="1" name="mailId[]">

我只需要Javascript来获取当前检查的任何复选框的值.

编辑:要添加,只有一个复选框.

我是Angular2的新手,我有一点问题:

在我的Login-Component-HTML中,我有两个复选框,我希望以双向数据绑定方式绑定到Login-Component-TypeScript.

这是HTML:

<div class="checkbox">
<label>
    <input #saveUsername [(ngModel)]="saveUsername.selected" type="checkbox" data-toggle="toggle">Save username
</label>
</div>

这是Component.ts:

import { Component, OnInit }    from '@angular/core';
import { Router }               from '@angular/router';
import { Variables }            from '../../services/variables';

@Component({
    selector: 'login',
    moduleId: module.id,
    templateUrl: 'login.component.html',
    styleUrls: ['login.component.css']
})


export class LoginComponent implements OnInit {

    private saveUsername: boolean = true;
    private autoLogin: boolean = true;
    constructor(private router: Router, private variables: Variables) { }

    ngOnInit() { 
        this.loginValid = false;
        // Get user name from local storage …

HTML中没有办法使用三态检查按钮(是,否,为null),对吧？

是否有任何简单的技巧或解决方法,而不必自己呈现整个事物？