Tag: checkbox

OnClick与OnClientClick为asp:CheckBox?

有没有人知道为什么asp:CheckBox客户端JavaScript处理程序需要是一个OnClick =“”属性,而不是一个OnClientClick =“”属性,为asp:button? 例如,这工作: <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不能以同样的方式工作…)

用ng-click单击checkbox不会更新模型

点击一个checkbox并调用ng-click:模型在ng-click开始前没有更新,所以在UI中错误地显示了checkbox的值: 这在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 -done: " + todo.done + […]

HTML / CSS中的收音机/checkboxalignment方式

什么是最简洁的方式来正确alignment单选button/checkbox与文本? 我迄今为止唯一可靠的解决scheme是基于表格的: <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> 这可能会被某些人所憎恶。 我刚刚花了一些时间(再次)调查一个无表的解决scheme,但失败了。 我尝试过各种组合的浮动,绝对/相对定位和类似的方法。 不仅他们主要依靠单选button/checkbox的估计高度,而且在不同的浏览器中performance也不同。 理想情况下,我想find一个解决scheme,不承担任何关于尺寸或特殊的浏览器怪癖。 我用桌子很好,但我想知道哪里有另一个解决scheme。

如何区分开关,checkbox值是由用户还是以编程方式更改(包括保留)?

setOnCheckedChangeListener(new OnCheckedChangeListener() { @Override public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) { // How to check whether the checkbox/switch has been checked // by user or it has been checked programatically ? if (isNotSetByUser()) return; handleSetbyUser(); } }); 如何实现方法isNotSetByUser() ?

更改checkbox的值,而不触发onCheckChanged

我已经为我的checkbox实现了setOnCheckedChangeListener 有没有办法可以打电话 checkbox.setChecked(false); 而不会触发onCheckedChanged

如何处理使用jQuerycheckbox的变化?

我有一些代码 <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 : " + chk1); }); $('input[type="checkbox"]').change(function () […]

对一组checkbox使用HTML5“required”属性?

当使用支持HTML5的新型浏览器时(例如FireFox 4); 并且表单字段具有required='required'的属性; 表单域为空/空白; 并点击提交button; 浏览器检测到“必填”字段为空,不提交表单; 而是浏览器显示一个提示,要求用户在该字段中键入文本。 现在,我有一组checkbox ,而不是一个单独的文本框 ,其中至less有一个应该由用户检查/select。 如何在这组checkbox上使用HTML5 required属性? (因为只有一个checkbox需要检查,我不能把每个checkbox的required属性) PS。 如果有问题,我正在使用simple_form 。 UPDATE HTML 5的multiple属性可以在这里帮助吗? 有没有人使用它之前做类似于我的问题? UPDATE 看起来 HTML5规范不支持这个特性: ISSUE-111:input是什么@ @ required for @type = checkbox? (问题状态: 问题已被标记为无偏见 )。 这里是解释 。

jQuerycheckbox事件处理

我有以下几点: <form id="myform"> <input type="checkbox" name="check1" value="check1"> <input type="checkbox" name="check2" value="check2"> </form> 如何使用jQuery来捕获在myform发生的任何检查事件,并告诉哪个checkbox被切换(并知道是否打开或closures)?

如果checkbox被选中,则执行此操作

当我检查一个checkbox时,我希望它转向<p> #0099ff 。 当我取消选中checkbox时,我想让它撤消。 代码我到目前为止: $('#checkbox').click(function(){ if ($('#checkbox').attr('checked')) { /* NOT SURE WHAT TO DO HERE */ } })

使用jquery获取所有选中的checkbox与某个类的名称

我知道我可以使用这个在页面上的所有选中的checkbox: $('input[type=checkbox]').each(function () { var sThisVal = (this.checked ? $(this).val() : ""); }); 但是我现在在一个页面上使用了这个,它有一些我不想包含的checkbox。 我怎样才能改变上面的代码,只看看checkbox上有一个特定的类?