【javascript-取消选中复选框后,输入类型文本字段将重复】教程文章相关的互联网学习教程文章

javascript – 取消选中复选框后删除值【代码】

点击时我有一个复选框,它使用另一个输入表单中的值填充输入表单(例如,当您有运输和开票表单时,并希望通过不输入相同的东西两次来节省一些时间).所以当选中它时会填充输入,但是当取消选中时如何删除值? HTML$('input[name="shipping"]').click(function() {$(".billing .country").val($(".shipping .country").val());$(".billing .city").val($(".shipping .city").val()); }); <script src="https://ajax.googleapis.com/ajax/l...

javascript – 使用jQuery模拟复选框悬停效果【代码】

当您使用jQuery将鼠标悬停在复选框上时,我将如何模拟复选框中发生的效果?在Chrome和Firefox中执行此操作时,复选框输入将突出显示为蓝色. 为了给出更多的上下文,我有一个像这样的网格:<table><tbody><tr><td><input type="checkbox" /></td><td>this is a checkbox</td></tr></tbody> </table我希望当用户将鼠标悬停在< tr>上时,复选框突出显示为默认的蓝色. 我知道我可以在其周围放置一个标签是一个复选框,并使用for属性引用复选...

javascript – Jquery选中所有复选框【代码】

为什么我检查所有按钮只能工作一次而在第3次点击时不起作用.check all按钮仅适用于第一次点击.我检查了dom及其更新,但视图确实如此.问题的原因是什么? FIDDLEjQuery('.sp_country').click(function () {var checkbox = $(this).find(":checkbox"),checked = checkbox.is(":checked");checkbox.prop("checked", !checked);});jQuery('.sp_country input:checkbox').on('click', function (e) {e.stopImmediatePropagation();var ch...

javascript – 复选框在触发时不会触发onchange事件【代码】

这是我的问题预览 – JSFiddle. 基本上,当我以编程方式更改输入状态时,我希望触发更改事件:el.checked = true;但只有在我直接点击复选框时才会触发该事件,这对我不起作用. 编辑:一些澄清:单击按钮时我已经发送了一个更改事件,它正常工作.问题是,我有自定义复选框元素,隐藏了原生输入.因此,当我单击自定义复选框时 – 正确触发更改事件.但是,当我更改本机复选框状态时,自定义复选框不会更改,因为我无法检测到该更改… 我需要的是...

javascript – 如何获取复选框以在AngularJS中显示已选中/未选中状态?【代码】

目前,我在AngularJS的每一行都有一个复选框.<table class="table table-hover data-table sort display"> <thead><tr><th>Name</th><th>Location</th> <th>Checkbox Alert</th></tr> </thead> <tbody><tr ng-repeat="item in filteredList | orderBy:columnToOrder:reverse"> <td>{{item.name}}</td><td>{{item.location}}</td> <td><input type="checkbox" ng-model="selected" ng-change="display(selected, item)"></td> <...

javascript – 在JQuery中,为什么我不能在调用removeAttr(“checked”)后检查复选框?【代码】

如果填充了某个输入字段,我想检查一个复选框. 以下解决方案最初有效.输入输入后,正确选中复选框.删除输入后,将取消选中该复选框.但是再次输入输入后,复选框不会被选中.<html> <head><script src="jquery-1.11.1.min.js"></script><script type="text/javascript">$(document).ready(function() {$(":input").blur(function() {var val = $(this).val();var myclass = $(this).attr("class");if (val != null && val.length > 0) {$...

javascript – Angularjs将字符串与多重复选框连接起来【代码】

当我选中多个复选框时,我正在尝试刷新并连接一个字符串. 例如,当检查’apple’和’banana’时,$scope.string应该是=’ab’,然后当’banana’未选中时,$scope.string应该留下’a’. 我做了什么连接,但$scope.string不会删除旧值,它仍然=’aba’ 这是我对JsFiddle的尝试. 您可以看到所有复选框都被选中时它给了我aababcabcd 谢谢解决方法:我已经更新了你的代码:http://jsfiddle.net/d3ruexuv/1/ 文本未清除,因为您只是将项目附加到当...

javascript – 基于标签文本在组中的多个复选框中只有一个复选框的JQuery“onchange”事件【代码】

我有一组复选框 – <input id="check_1" name="check[1]" type="checkbox" value="1"/> <label for="check_1">One</label> <input id="check_2" name="check[2]" type="checkbox" value="1"/> <label for="check_2">Two</label> <input id="check_3" name="check[3]" type="checkbox" value="1"/> <label for="check_3">Three</label>由于id和name的变量值,我无法处理标签为One的复选框上的onclick事件. 我试过这个工作正常,但我不...

仅在使用javascript选中至少一个复选框时才提交表单【代码】

我有以下表格:https://expogr.com/bankexpokenya/advertise.php 我正在填写表单的详细信息并单击提交按钮.如果我没有勾选一个复选框,它会给我一条消息“请选择任意一个复选框”和ok按钮.单击确定按钮后,表单即被提交.对于表单提交,我使用了电子邮件方法,因此表单数据被发送到特定的emailid. 我试过以下代码:$(document).ready(function(){$("form").submit(function(){if ($('input:checkbox').filter(':checked').length < 1){a...

javascript – 如何检查IE 6中是否选中了复选框【代码】

我对有史以来最愚蠢的浏览器感到沮丧,为此,我认为比尔盖茨必须被绞死. 我只想检查是否选中了复选框. 不知何故cbox.checked财产永远是假的.还有什么我能做的.我看到了所有其他类似的问题,但没有任何与这个愚蠢的IE一起工作. 编辑 我忘了提一些可能相关的东西. Html就像:<input type='hidden' name='terms' value='0' /> <input type='checkbox' name='terms' id='terms' value='1' /> 隐藏字段附加了它,因为我使用的是Zend Form,它...

javascript – 如何访问iFrame复选框元素【代码】

有人可以告诉我,如果我有一个由复选框(父母)组成的网页,并且在同一个网页上,我也有一个iframe来自另一个页面,显示了许多记录,其中也有一个复选框(子)对每条记录,如果我勾选父复选框,我想将其级联到iframe中的所有子复选框以及禁用这些子复选框. 非常感谢一些帮助,因为我不知道如何访问iframe中的复选框. 手册页上的iframe定义类似于以下内容:<iframe id="iframe1" src="'+URL+'" style="border:none;width:799px;height:200px;" f...

javascript – 带有复选框的Knockout列表绑定并单击句柄

这是我的jsfiddle插图:http://jsfiddle.net/hawaii/gN6CT/10/ 我有一个json对象列表,我想用jquery模板绑定到ul,在每个li中我有一个复选框,每个项目,以及项目详细信息.我希望它的工作方式是: 当用户单击复选框时,该项目将更新为选定的列表(此工作正常) 当用户点击项目的详细信息时,该项目将是所选项目,我将在右侧显示所有详细信息.这就是我将项目细节放在元素中的原因. 正如您从小提琴中看到的那样,它不按照我希望的方式工作,即使...

javascript – jQuery检查所有复选框只能工作一次【代码】

为什么Chrome上的此功能无法正常运行?$('.main').on('change','input[name="select_all"]',function(){if($(this).is(':checked')){$('input[type="checkbox"]',$(this).parent().parent().parent()).attr('checked',true);}else{$('input[type="checkbox"]',$(this).parent().parent().parent()).removeAttr('checked'); });在第一次点击它检查所有,第二次它取消所有…但在第三次没有做任何事情…… jsfiddle PS.它确实添加和删除...

如何使用JavaScript或jquery检查/取消选中复选框?【代码】

我可以使用以下代码添加checked属性$('#specificCheckBox').prop('checked', true);但如何使用jquery或Javascript删除此属性.解决方法:不要删除它,但将其设置为false:$('#specificCheckBox').prop('checked', false);

javascript – Angularjs如何基于另一个列表中的repeat元素的存在来有条件地检查复选框【代码】

作为一个非常新的带有cshtml页面的angularjs用户,在模式窗口的页面加载期间,我试图检查一个重复的复选框,如果它存在于另一个列表中.下面的代码是概念性的:<li data-ng-repeat="analysisType in analysisTypes|limitTo:12 | limitTo: -6"><input type="checkbox" ng-class="{'checked' : project.analysisTypes.indexOf(analysisType) != -1}" />{{analysisType.name}} </li>具体来说,如果在project.analysisTypes数组中找到了anal...

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 全部