【javascript – HTML广播和复选框输入相结合?】教程文章相关的互联网学习教程文章

javascript – 通过单击按钮从表中选择前5个复选框【代码】

我有一个看起来像这样的表:<table id="start" class="appplytblclr"><tr class="heading"><td>First coumn</td><td>second column</td><td>3rd column</td><td>4th column</td><tr><tr id='1'><td><input type="checkbox" offval="no" value=" "></td><td>s</td><td>t</td><td>f</td></tr><tr id='2'><td><input type="checkbox" offval="no" value=" "></td><td>s</td><td>t</td><td>f</td></tr><tr id='3'><td><input type="che...

使用javascript创建并填充带有数组值的复选框列表【代码】

我有一系列动物……我如何设法在javascript中创建一个复选框列表,并用动物阵列中的动物名称填充每个动物,并以html格式显示它们.我的尝试代码:var lengthArrayAnimals = animals.length; for (var i= 0; pos < tamanhoArrayDiagnosticos; pos++) {var checkBox = document.createElement("input");checkBox.setAttribute("type", "checkbox");checkBox.name = diagnosticos[i]; }解决方法:这是一种方式(纯JavaScript,没有jQuery):...

javascript – 在div或p中显示已选中的复选框【代码】

我想在div中显示已选中的复选框 例如<input id="checkbox1" type="checkbox"><label for="checkbox1">Checkbox 1</label><p>you have selected:</p> <div>checkbox 1</div>将有超过1个复选框(37),我需要它能够选中所有复选框 我认为这是有道理的 谢谢解决方法:我就是这样做的:$("input[type='checkbox']").change(function(){$("#checked").empty();$("input[type='checkbox']:checked").each(function(){$("#checked").html($("#...

javascript – 如何获取AngularJS中多个复选框的值?【代码】

在我的应用程序中,我有7个复选框.我想获取所选复选框的值并存储到对象中.如果取消选择,我想在对象中删除它. HTML<span ng-repeat="days in selectDays"><input type="checkbox" id="{{days}}" ng-model="daysSelected"/><label for="{{days}}">{{days}}</label> </span>调节器$scope.selectDays = ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat']; $scope.selectedList = {}; //this is the object to store the selected chec...

javascript – AngularJS:如何使用shift和鼠标单击选择多个复选框?【代码】

是否可以使用Shift和鼠标单击使用AngularJS在表格上选择多个元素? 我有一个表,其中第一列是一个复选框,我想使用SHIFT键和鼠标单击以连续选择多行,可以执行删除,编辑等操作. 示例步骤: >单击第1行的复选框.>按住SHIFT键.>单击第10行的复选框. 结果:将选择前10行. 有谁知道如何使用AngularJS完成这项工作?解决方法:我有类似的要求.虽然更新复选框的正确方法是直接更新模型,但我想要一个更通用的解决方案. 所以我构建了一对指令,因...

javascript – 在jquery中选择显示复选框值【代码】

$('input[name="accounts"]').on('click', function() {$('input[name="accounts"]:checked').each(function() {if (index == 0) {txt = $(this).val();$("#accounts-text").html(txt);} else {$("#accounts-text").append(txt);}}); }); <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <label><b>Accounts</b></label><br> <input type="checkbox" name="accounts" value="Gmail"> G...

javascript – 复选框:勾选我!【代码】

在我的形式中,这是一个小但非常烦人的故障. 我有一个复选框,如果单击则会显示其他复选框和输入字段,供用户添加更多信息.如果未触发此触发器复选框,则额外选项会消失. 但是(图表变浓),如果在表单中选中了另一个复选框,则可以选中触发器复选框并显示额外选项,但如果未选中,则额外选项将不会消失! (对不起,这很长,但我想说清楚!) 这是我简单的Jquery代码:$(function() {var boxes = $('.obstruct-opt');boxes.hide();var ob = $('l...

php – 如何计算表单中的所有复选框(Javascript)【代码】

我有多个动态生成的复选框.所以我不知道每次生成多少个复选框.我需要一些JavaScript方法来计算表单中复选框的总数.<input type="checkbox" value="username1" name="check[0]" id="1" /><br/><input type="checkbox" value="userusername2" name="check[1]" id="1" /><br/><input type="checkbox" value="userusername3" name="check[2]" id="1" /><br/>我无法更改复选框的名称,因为我需要将值作为数组发送到serverside PHP脚本.解...

javascript – 在IE中未调用复选框onclick函数【代码】

我在HTML中有以下复选框:function updateSettings(id, bit) {alert('0'); } <input type="checkbox" onclick="alert('1');updateSettings(0, 1);alert('2');" /> 在IE11中点击我得到警报1,2但不是0:该功能根本没有执行. 在Chrome中一切正常.解决方法:发现了这个问题,但这是一个很大的问题.如果将函数名称更改为小写,则可以正常工作.function updatesettings(id, bit) {alert('0'); } <input type="checkbox" onclick="alert('1')...

javascript – 将复选框的值导出为jQuery数据表中的excel【代码】

我正在使用jQuery Datatables插件查看一些数据,我在我的表中有两列包含复选框,我试图使用excel和excelHtml5以及excelFlash按钮将表中的数据导出到XSLX文件但我得到两个空在文件中的列,我还在我的项目中包含了JSZip插件但是徒劳无功.如何在我的文件中将这些复选框的值作为布尔值获取.解决方法:SOLUTION您正在使用DataTables 1.10.8.在此版本(1.10.7及更早版本)之前,有一些具有fnCellRender选项的TableTools可以帮助您完成所需的操作...

javascript – 禁止取消选中angularJS中的所有复选框【代码】

我使用AngularJS指令作为复选框列表checklist-model,但我需要始终至少检查一个复选框.我通过添加一个if来改变checklist-model.js:watch if(current.length > 1)在删除支票之前:scope.$watch(attrs.ngModel, function(newValue, oldValue) {if (newValue === oldValue) { return;} var current = getter(scope.$parent);if (angular.isFunction(setter)) {if (newValue === true) {setter(scope.$parent, add(current, value, com...

javascript – WordPress附件分类复选框组不在网格视图中保存【代码】

我创建了一个分类法并将其附加到附件或媒体上. 我正在使用“高级自定义字段”添加分类字段,该字段显示为复选框组.它将字段正确添加到网格和列表视图中的附件页面. 在列表视图中,字段正确更新,但在网格视图中,它仅保存单击的最后一个复选框.这是由某种onclick函数引起的,当单击每个复选框时会激活admin-ajax.因此,它只发送单击框的值.我试图找到一种方法来改变js函数以添加复选框组和多选. 更新:我已将该功能跟踪到一个onchange. 功...

使用javascript基于JSF复选框启用/禁用JSF命令按钮【代码】

我正在使用RichFaces,我想使用Javascript基于h:selectBooleanCheckbox启用/禁用h:commandButton.默认情况下,应禁用该按钮并取消选中复选框.选中该复选框时应启用该按钮,并在取消选中该复选框时禁用该按钮. 任何帮助将不胜感激.解决方法:正如Openfaces的Dmitry所述,必须在服务器端完成启用/禁用面部组件(Primefaces,Openfaces,Richfaces等).今后更好的解决方案是在触发更改事件时使用ajax! onchange事件适用于这种情况(例如,使用...

javascript – 单击单选按钮时选中复选框【代码】

我有这套单选按钮,比如说radio 1 radio 2 radio 3 radio 4和一个复选框;checkbox 1我想要实现的是当我点击无线电1或无线电3时,将检查复选框1.如果选中该复选框,并且单击无线电2或无线电4,则将取消选中该复选框. 我已经为它实现了一些代码,但它有这个故障,当我点击无线电1它将检查复选框,但当我点击无线电3它将取消选中该复选框. 好吧,当我点击收音机1它将检查,即使我将点击收音机3,它不应取消选中该复选框. 这是我的代码:jQuery('...

javascript – 禁用复选框上的jQuery click事件未触发【代码】

我有一个复选框列表,我试图通过在选择2之后禁用所有未选中的复选框来限制为2个最大复选框. 这工作正常,但我试图向用户显示一条消息,如果他们点击一个禁用的复选框,让他们知道为什么不能选择超过2.我试图在禁用时触发click()事件复选框但它实际上没有触发.有任何想法吗?var totalChecked = 0;var checkedLimit = 1;jQuery(".post-to-facebook").change(function() {if (jQuery(this).attr("checked") == "checked") {if (totalChec...

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