标签: checkbox

鉴于绑定到同一个复选框列表formControlName,我怎么能产生必然的复选框值的数组formControl,而不是简单true/ false？

例:

<form [formGroup]="checkboxGroup">
    <input type="checkbox" id="checkbox-1" value="value-1" formControlName="myValues" />
    <input type="checkbox" id="checkbox-2" value="value-2" formControlName="myValues" />
    <input type="checkbox" id="checkbox-3" value="value-2" formControlName="myValues" />
</form>

checkboxGroup.controls['myValues'].value 目前生产:

true or false

我想要它产生什么:

['value-1', 'value-2', ...]

如何使用jQuery或纯JS重置文档中的所有复选框？

正确对齐单选按钮/复选框与文本的最简洁方法是什么？到目前为止我唯一可靠的解决方案是基于表格:

<table>
<tr>
    <td><input type="radio" name="opt"></td>
    <td>Option 1</td>
</tr>
<tr>
    <td><input type="radio" name="opt"></td>
    <td>Option 2</td>
</tr>
</table>

有些人可能会对此不屑一顾.我花了一些时间(再次)调查一个无表格的解决方案,但失败了.我尝试了浮动,绝对/相对定位和类似方法的各种组合.不仅如此,他们主要依赖于单选按钮/复选框的估计高度,但它们在不同浏览器中的表现也不同.理想情况下,我想找到一个解决方案,它不会假设大小或特殊的浏览器怪癖.我很喜欢使用表格,但我想知道还有其他解决方案.

我在表格中有一个复选框列表.(行中的一些CB)

 <tr><td><input type="checkbox" class="custom_image" value="1" id="CB1" /><label for='CB1'>&nbsp;</label></td></tr>
 <tr><td><input type="checkbox" class="custom_image" value="2" id="CB2" /><label for='CB2'>&nbsp;</label></td></tr>
 <tr><td><input type="checkbox" class="custom_image" value="3" id="CB3" /><label for='CB3'>&nbsp;</label></td></tr>
 <tr><td><input type="checkbox" class="custom_image" value="4" id="CB4" /><label for='CB4'>&nbsp;</label></td></tr>

我想用一对自定义的开/关图像替换复选框图像,我想知道是否有人更好地理解如何使用CSS执行此操作？

我找到了这个"CSS忍者"教程,但我不得不承认我觉得它有点复杂. http://www.thecssninja.com/css/custom-inputs-using-css

据我所知,你被允许使用伪类

 td:not(#foo) > input[type=checkbox] + label
 {
     background: url('/images/off.png') 0 0px no-repeat;
     height: 16px;
     padding: 0 0 0 0px;
 }

我的期望是,通过添加上面的CSS,复选框至少会默认显示处于OFF状态的图像,然后我会添加以下内容以获得ON

 td:not(#foo) > input[type=checkbox]:checked + label {
     background: url('/images/on.png') 0 0px no-repeat;
 }

不幸的是,我似乎错过了某个关键步骤.我试图使用自定义CSS3选择器语法来匹配我当前的设置 - 但必须丢失一些东西(如果重要的话,图像大小为16x16)

http://www.w3.org/TR/css3-selectors/#checked

编辑:我在教程中遗漏了一些内容,他将图像更改应用于标签而不是输入本身.我仍然没有在页面上获得预期的交换图像以获得复选框结果,但我认为我更接近了.

我遇到了一个问题.这是一个简短的解释.

我在标准表格上有12个复选框.我需要做的是遍历每一个并了解哪些被检查以及哪些未被检查.

使用它,然后我可以构建一个字符串,然后我将其输入数据库字段.这是一个例子.

(Check1 - 选中)
(Check2 - 未选中)
(Check3 - 选中)

1,0,1

到目前为止,我已经有了这段代码.

$('input[type=checkbox]').each(function () {
           if (this.checked) {
               console.log($(this).val()); 
           }
});

它完美地工作,除了它只带回已检查的,而不是全部.

对不起,对于新问题.我对jquery有点新意.

虽然使用复选框的Click事件将复选框的选中状态存储在变量中是微不足道的,但我如何通过数据绑定来完成？我发现的所有示例都从某些数据源更新了UI,或者将一个控件绑定到另一个控件; 我想在单击复选框时更新成员变量.

TIA任何指针......

我正在Forms用C#编写Windows 应用程序并使用CheckListBoxControl.

如何只需单击一下检查CheckListBox项？

我正在开发一个允许进行调查的应用程序.我的布局是基于XML的问题生成的.

我需要创建单选按钮(单选)和复选框(多个答案).我找不到任何对swift有用的东西.

有没有人有想法？

我需要jQuery选择器的帮助.假设我有一个标记,如下所示:

<form>
    <table>
        <tr>
            <td><input type="checkbox" id="select_all"/></td>
        </tr>
        <tr>
            <td><input type="checkbox" name="select[]"/></td>
        </tr>
        <tr>
            <td><input type="checkbox" name="select[]"/></td>
        </tr>
        <tr>
            <td><input type="checkbox" name="select[]"/></td>
        </tr>
    </table>
</form>

除了#select_all用户点击它之外,如何获取所有复选框？
任何帮助将不胜感激.

我的页面中有很多复选框,并且有一个全选复选框,用于检查所有复选框.不知怎的,我想模仿复选框的点击事件,即使通过选择所有按钮选中/取消选中它也是如此.我该怎么做？