【javascript – 单击绑定选中复选框在Knockout中无法正常工作】教程文章相关的互联网学习教程文章

javascript – 单击绑定选中复选框在Knockout中无法正常工作【代码】

我有一个复选框和文本框.我希望textbox为空,并且每当选中复选框时都不可编辑. 部分在那里我有禁用文本框时,文本框是未选中的作品不错,但因为我必须使用复选框的点击它结合和,只要我使用点击绑定排空部分不做工精细,它打破了复选框的行为和它成为不可点击.我有一个jsFiddle:http://jsfiddle.net/qK5Y3/16/ 和下面的代码示例:<input type="checkbox" id="emailTemplateSendAtTime" name="emailTemplateSendAtTime" data-bind="chec...

javascript – Jquery点击查看最近的复选框【代码】

我正在尝试使用链接来检查jQuery的复选框.我的HTML是:<table><tr><td><input type="checkbox" value="test" /></td><td><a class="editbutton" href="#">edit</a></td></tr> </table>我一直在玩这个jquery:jQuery('.editbutton').click(function($) {jQuery(this).closest('[type=checkbox]').attr('checked', true); });不幸的是,这不起作用.有任何想法吗?解决方法:使用.prop()代替.attr(),因为.prop用于设置属性.顺便说一下你...

javascript – 如何使用jquery一键检查复选框(3)【代码】

在这里,我有一堆复选框, 比方说,如果我点击任何复选框,我还要勾选下两个复选框(即旁边两个)<table border="1" cellspacing="0" width="450"><tr><td><input type="checkbox" /></td><td><input type="checkbox" /></td><td><input type="checkbox" /></td><td><input type="checkbox" /></td><td><input type="checkbox" /></td><td><input type="checkbox" /></td><td><input type="checkbox" /></td></tr><tr><td><input type="c...

javascript – 如果选中,则对象的AngularJS数据绑定复选框【代码】

我有一个JSON对象,我用ng-repeat重复,键是字符串,值是一个数组.我将每个值列为复选框.我想创建第二个对象,其中包含仅检查的复选框的列表.我想用键和值保留对象的结构. 我不确定如何正确地将它绑定到模型,以便保留结构. http://jsfiddle.net/NDFc2/3/ 这是我的HTML<h3 >Dynamic data binding in AngularJS</h3> <div ng-app ng-controller="Controller" class="container"><h4>Inputs</h4><ul ng-repeat="(parent, values) in input...

选中/取消选中复选框,而不使用JavaScript / jQuery【代码】

是否可以在不使用JavaScript / jQuery的情况下切换输入类型复选框的状态(选中/取消选中),即仅通过HTML和CSS? 假设我想点击旁边的标签来切换它. 如果是,我们如何实现这一目标?解决方法:如果您需要检查/取消选中< label>的输入,请在输入上设置ID,然后使用标签for attribute连接它们.<input type="checkbox" id="chk" /><label for="chk">Click to check/uncheck</label> 另一种选择是使用标签作为输入的容器:<label><input type="...

javascript – 如何遍历所有未选中的复选框?【代码】

使用jQuery,有一种快速的方法来遍历具有className =“carCheckboxes”的页面上所有未经检查的复选框.解决方法:将.each()方法与:not(:checked)选择器一起使用.以下是参考资料: Reference to jQuery.each method Reference to jQuery:not selector Reference to jQuery:checked selector$("input.carCheckboxes:not(:checked)").each (function () {//your code to loop through each element.//$(this) references the current e...

javascript – jQuery:禁用除当前复选框之外的所有复选框【代码】

我有复选框需要以类似于单选按钮控件的方式操作.基本上当检查一个时,所有其他人都需要取消选中.我怎样才能在尽可能小的痛苦下实现这一目标? 总结一下.如果选中了复选框,则必须取消选中所有其他(兄弟姐妹),使所单击的一个检查状态保持不变. 我已经知道如何取消选中所有复选框,但如果我这样做,我将首先存储已选中复选框的已选中状态,然后在取消选中所有复选框后重新应用它.我想知道是否有一种方法可以使用一些花哨的jQuery选择器或其...

javascript – 使用敲除绑定在IE 8及更低版本中单击时未选中复选框【代码】

我在IE 8及以下版本中的以下复选框出现问题:<input type="checkbox" data-bind="event: { change: $parent.addOtherAddresses }, attr: { value: $index() + 1 }" />我正在尝试将整个对象传递给’addOtherAddresses’,它实际上并且工作正常,但是浏览器不会显示实际被选中的复选框. 我已经尝试了其他解决方案,显示复选框中的检查但只返回复选框的id或值,我需要返回整个父数据对象,所以我可以根据已检查的其他逻辑做什么. 谢谢您的...

javascript – 复选框上的onchange事件始终显示this.value = on【代码】

当触发onchange事件时输入类型复选框this.value总是设置为on,即使勾选了复选框,在这种情况下我希望它关闭 这是预期的行为吗?<input type="checkbox" onchange="alert(this.value)"> 解决方法:简答:不要使用值来检查复选框上的选中状态,而是使用选中<input type="checkbox" onchange="alert(this.checked)"> 如果你想知道为什么这总是“开”值,那么在HTML5规范中有一个规范:default/on On getting, if the element has a value a...

javascript – 如果选中或取消选中,则更改复选框的父元素css【代码】

基本上我在td元素中有一个复选框,我希望它在复选框被选中时有一个背景颜色,而在取消选中复选框时则需要另一个背景颜色.换句话说,我希望它突出显示它是否被检查. 我尝试使用与此处相同的解决方案:Jquery toggle event is messing with checkbox value 但由于某种原因,我无法让它发挥作用.$(document).ready(function(){$("input:checkbox").change(function() {if($(this).attr("checked") === "true") {// CHECKED, TO WHITE$(thi...

javascript – 输入复选框始终返回false【代码】

我有以下代码: HTML<div id='foo'><input type='checkbox' value='english' name='bar[english]' /><input type='checkbox' value='spanish' name='bar[spanish]' /><button type='button' class='button'>Me!</button> </div>?JavaScript(jQuery)$('.button').click(function() {status = '';$('#foo input[name*="bar"]').each(function() {status += $(this).val() + ': ' + $(this).is('checked') + ".\n";});alert(status); ...

javascript – 如何撤消上次选中的复选框?【代码】

嗨,我创建了一个javascript函数来检查所选模块的数量是否大于给定值.因此,每次调用一个复选框时,都会调用该函数,该函数会遍历所有复选框并计算总数以查看它是否更大.但问题是当用户选中复选框并且总信用额大于该值时,我想将复选框设置为checked = false.但我没有撤消哪个复选框.在javascript中有任何撤消最终点击功能吗?解决方法:不是真的,但你可以通过保存最后一个单击框来轻松伪造它.这段代码可能不会逐字逐句,但你明白了:<scr...

javascript – jQuery方式来处理选择列表,单选按钮和复选框【代码】

当我使用jQuery处理HTML表单元素时,我总是最终得到jQuery语法和普通JavaScript的丑陋混合,例如:function doStuff($combo){if( $combo.get(0).options[$combo.get(0).selectedIndex].value=="" ){var txt = "";}else{var txt = $combo.get(0).options[$combo.get(0).selectedIndex].text;}var $description = $combo.closest("div.item").find("input[name$=\[description\]]");$description.val(txt); }是否有标准的jQuery方法来处...

javascript – 如何确保至少选中一个复选框?【代码】

我正在使用其值来自数据库的复选框.它的名字是一样的,但是名字是这样的:<input type="checkbox" id="chkBankServices" name="<%=bs.getServiceID()%>"> <%=bs.getServiceDesc()%>通过这个我从数据库中获取值.现在我必须验证应该选择至少一个复选框.. 如果有人可以帮助我,我将感谢你.如果我给这样的javascript代码:var services = document.getElementsById( 'chkBankServices' ); if(!(services[0].checked) && !(services[1].ch...

javascript – 如何使复选框的行为像ng-repeat中的单选按钮?【代码】

我遇到问题使用Checkbox在ng-repeat中表现得像单选按钮.选择和取消选中该框时,只选择一个框.它没有Ng-repeat正在工作.但我想在ng-repeat中使用它. 这是我的HTML文件:<!DOCTYPE html> <html ng-app="plunker"><head><meta charset="utf-8" /><title>AngularJS Plunker</title><script>document.write('<base href="' + document.location + '" />');</script><link rel="stylesheet" href="style.css" /><script data-require="ang...

JAVASCRIPT - 技术教程分类
JavaScript 教程 JavaScript 简介 JavaScript 用法 JavaScript Chrome 中运行 JavaScript 输出 JavaScript 语法 JavaScript 语句 JavaScript 注释 JavaScript 变量 JavaScript 数据类型 JavaScript 对象 JavaScript 函数 JavaScript 作用域 JavaScript 事件 JavaScript 字符串 JavaScript 运算符 JavaScript 比较 JavaScript 条件语句 JavaScript switch 语句 JavaScript for 循环 JavaScript while 循环 JavaScript break 和 continue 语... JavaScript typeof JavaScript 类型转换 JavaScript 正则表达式 JavaScript 错误 JavaScript 调试 JavaScript 变量提升 JavaScript 严格模式 JavaScript 使用误区 JavaScript 表单 JavaScript 表单验证 JavaScript 验证 API JavaScript 保留关键字 JavaScript this JavaScript let 和 const JavaScript JSON JavaScript void JavaScript 异步编程 JavaScript Promise JavaScript 代码规范 JavaScript 函数定义 JavaScript 函数参数 JavaScript 函数调用 JavaScript 闭包 DOM 简介 DOM HTML DOM CSS DOM 事件 DOM EventListener DOM 元素 HTMLCollection 对象 NodeList 对象 JavaScript 对象 JavaScript prototype JavaScript Number 对象 JavaScript String JavaScript Date(日期) JavaScript Array(数组) JavaScript Boolean(布尔) JavaScript Math(算数) JavaScript RegExp 对象 JavaScript Window JavaScript Window Location JavaScript Navigator JavaScript 弹窗 JavaScript 计时事件 JavaScript Cookie JavaScript 库 JavaScript 实例 JavaScript 对象实例 JavaScript 浏览器对象实例 JavaScript HTML DOM 实例 JavaScript 总结 JavaScript 对象 HTML DOM 对象 JavaScript 异步编程 javascript 全部