Questions tagged «checkbox»

复选框是允许用户进行二进制选择的图形用户界面元素。

6
如何在ASP.NET表单上使复选框成为必需?
我已经对此进行了一些搜索,并且找到了一些部分答案,但是没有什么让我感到困惑:“这是执行此操作的正确方法”。要回答对此问题最常见的投诉:“复选框可以有两个合法状态-选中和未选中”,这是一个“我接受条款和条件...”复选框,必须选中该复选框才能完成注册,因此,从业务逻辑的角度来看,需要选中此框。 请在回复中提供完整的可剪切粘贴代码片段!我知道有很多内容-CustomValidator(大概),代码隐藏,一些JavaScript以及可能的IsValid检查,而令我感到沮丧的是,在我看到的每个示例中,这些关键之一件丢失!


7
如何使用jQuery处理复选框的更改?
我有一些代码 <input type="checkbox" id="chk" value="value" /> <label for="chk">Value </label> <br/> <input type="button" id="But1" value="set value" /> <br /> <input type="button" id="But2" value="read checked" /> javascript: $(document).ready(function () { console.log("Ready ..."); registerHandlers(); function registerHandlers() { $('#But1').click(function () { $('#chk').prop('checked', !$('#chk').is(':checked')); }); $('#But2').click(function () { var chk1 = $('#chk').is(':checked'); console.log("Value : " …
106 jquery  checkbox 

12
Angular ReactiveForms:是否产生一组复选框值?
给定绑定到同一复选框的列表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', ...]


13
jQuery,复选框和.is(“:checked”)
当我将函数绑定到复选框元素时,例如: $("#myCheckbox").click( function() { alert($(this).is(":checked")); }); 复选框在事件触发之前更改其选中属性,这是正常现象,并给出相反的结果。 但是,当我这样做时: $("#myCheckbox").click(); 触发事件后,复选框会更改其选中属性。 我的问题是,有没有办法像正常点击一样触发jQuery的click事件(第一种情况)? PS:我已经尝试过了trigger('click');

10
用ng-click单击复选框不会更新模型
单击复选框并调用ng-click:在ng-click插入之前不会更新模型,因此在UI中错误地显示了复选框的值: 这在AngularJS 1.0.7中有效,在Angualar 1.2-RCx中似乎已损坏。 <div ng-app="myApp" ng-controller="Ctrl"> <li ng-repeat="todo in todos"> <input type='checkbox' ng-click='onCompleteTodo(todo)' ng-model="todo.done"> {{todo.text}} </li> <hr> task: {{todoText}} <hr><h2>Wrong value</h2> done: {{doneAfterClick}} 和控制器: angular.module('myApp', []) .controller('Ctrl', ['$scope', function($scope) { $scope.todos=[ {'text': "get milk", 'done': true }, {'text': "get milk2", 'done': false } ]; $scope.onCompleteTodo = function(todo) { console.log("onCompleteTodo …


8
OnClick与OnClientClick的asp:CheckBox吗?
有谁知道为什么asp:CheckBox的客户端javascript处理程序需要像asp:Button那样是OnClick =“”属性而不是OnClientClick =“”属性? 例如,这有效: <asp:CheckBox runat="server" OnClick="alert(this.checked);" /> 并且没有(没有错误): <asp:CheckBox runat="server" OnClientClick="alert(this.checked);" /> 但这有效: <asp:Button runat="server" OnClientClick="alert('Hi');" /> 这不会(编译时错误): <asp:Button runat="server" OnClick="alert('hi');" /> (我知道Button.OnClick的用途;我想知道为什么CheckBox不能以相同的方式工作...)

5
遍历复选框并计数每个已选中或未选中的复选框
我遇到了一个问题。这是一个简短的解释。 我在标准表单上有12个复选框。我需要做的是遍历它们中的每一个,并了解哪些已选中,哪些未选中。 然后,我可以使用它构建一个字符串,然后将其输入数据库字段。这是一个例子。 (检查 1-选中) (检查2-未选中)(检查3-已选中) 1,0,1 到目前为止,我已经有了这段代码。 $('input[type=checkbox]').each(function () { if (this.checked) { console.log($(this).val()); } }); 除了只带回已检查的内容,而不是全部,它可以正常工作。 对不起,新问题。我是jquery的新手。
82 jquery  checkbox 



13
HTML / CSS中的单选/复选框对齐
将单选按钮/复选框与文本正确对齐的最干净方法是什么?到目前为止,我一直使用的唯一可靠的解决方案是基于表的: <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> 有些人可能会对此表示不满。我刚刚花了一些时间(再次)研究无表解决方案,但失败了。我尝试了浮动,绝对/相对定位和类似方法的各种组合。它们不仅不依赖于单选按钮/复选框的估计高度,而且在不同浏览器中的行为也不同。理想情况下,我想找到一种不假设任何有关大小或特殊浏览器怪癖的解决方案。我可以使用表格,但我想知道还有其他解决方案。

3
纯CSS复选框图像替换
我在表中有一个复选框列表。(该行中的多个CB之一) <tr><td><input type="checkbox" class="custom_image" value="1" id="CB1" /><label for='CB1'> </label></td></tr> <tr><td><input type="checkbox" class="custom_image" value="2" id="CB2" /><label for='CB2'> </label></td></tr> <tr><td><input type="checkbox" class="custom_image" value="3" id="CB3" /><label for='CB3'> </label></td></tr> <tr><td><input type="checkbox" class="custom_image" value="4" id="CB4" /><label for='CB4'> </label></td></tr> 我想用一对自定义的开/关图像替换复选框图像,我想知道是否有人对如何使用CSS更好地了解? 我已经找到了这个“ CSS ninja”教程,但是我不得不承认发现它对我来说有点复杂。 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 …


By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.