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

javascript – 如何选择未经检查的复选框但不是不确定的状态【代码】

我的复选框列表包括已选中,未选中和不确定(第三)状态.对于那些想知道的人,我正在使用jQuery为某些复选框设置不确定状态.最后,我想找到并选择所有具有未选中状态的复选框,但不使用jQuery选择不确定状态. 这是我的复选框<div id="list"><input id="item-1" type="checkbox"><input id="item-2" type="checkbox"><input id="item-3" type="checkbox"> <!-- and so on --> </div>我可以通过以下方式获得已检查的var checkedItems = $("...

javascript – 如何检查/取消选中反应中的复选框列表【代码】

我有一个房间页面,在该页面中我有一个连接到该房间的传感器列表,可以使用复选框选择这些传感器,如下所示:<div className="checkboxRowContent">{sensors.map(s => {return (<div className="checkboxElementWrapper" key={s.id}><label htmlFor={`sensor${s.id}`}><div className="checkboxLabel"><Link to={`/sensors/edit/${s.id}`}>{s.name}</Link></div><inputtype="checkbox"id={`sensor${s.id}`}name="sensorId"value={s.id...

javascript – 在按钮集中选中的jquery-ui检索(复选框) – firefox问题【代码】

可以使用复选框(允许多选)检索jquery ui buttonset构建中的“选定”按钮:$('#format').buttonset();$('#format').click(function() {var text = "";$('#format').find('label[aria-pressed|="true"]').each(function() {text += $(this).attr("for") + "-";});$('#selected').html(text); });这在Chrome,IE,Safari中运行良好,但在Firefox中没有考虑单击的复选框.你可以在jsFiddle查看.解决方法:尝试:$('label.ui-state-active')...

javascript – JQuery – 输出已选中复选框的类名【代码】

我想知道每次选中/取消选中复选框时是否可以输出已选中复选框的类名?例如,我有3个复选框.如果我检查一个,它将输出其类名,如果我然后检查第二个,它将输出第一个复选框类名称第二个类名.如果我取消选中第一个复选框,它将只输出第二个复选框的类名…依此类推?我做了一个JSFiddle来开始…… http://jsfiddle.net/LUtJF/ 谢谢解决方法: $("input[type='checkbox']").change(function() {var classes = $("input[type='checkbox']:chec...

javascript – 将一个带有jquery的复选框添加到div中【代码】

我想在div中添加一个复选框到另一个div(id =“#sensorList”),然后将一些事件处理程序绑定到它.我是这样做的/* Add div */ $("#sensorList").append($('<div>', { id : sensorId}) .addClass("sensorListItem") .text(sensorId) );/* Adds visibile checkbox */ $("#"+sensorId).append($('<input>', { id : sensorId + "VisibleCheckbox", type:"checkbox", name: sensorId + "VisibleCheckbox"}));它似乎工作正常,但如果我点击复...

javascript – jquery复选框已选中/未选中【代码】

我试图用jquery做一些复选框操作.我有一个模态弹出窗口和复选框,我使用jquery来操作选中的模式.有一个变量有True或False,所以如果是True,则检查否则取消选中.但是,在我的情况下,即使值为False,复选框仍然保持选中状态.这是我正在使用的代码:$(document).on("click", ".open-EditCC", function () { var life = $(this).data('life'); $('#<%=chkLife.ClientID%>').attr('checked', life);$('#editCC').modal...

javascript – 自动检查父复选框【代码】

我有一个AJAX请求,它带有一个文件夹列表,每个列表项旁边都有一个复选框.如果我选中父文件夹旁边的复选框,我会自动检查所有子文件夹:var checkChildCheckBoxes = function(){var isAlreadyChecked = $(this).attr('isChecked');if(isAlreadyChecked == 'true'){$(this).parents(':eq(1)').find('.userPermissionCheckBox').each(function(){$(this).prop('checked', false);});$(this).attr('isChecked', 'false');}else{ $(this...

javascript – 第一次单击复选框时不调用函数【代码】

在选中复选框时,我需要调用一个函数.我第一次检查复选框时没有调用该函数,而如果我再次检查它,则成功调用该函数.请帮我解决这个问题.这里我展示了我的HTML部分和功能.<input type="checkbox" id="checkThen" onchange="LoadContactDetails()">function LoadContactDetails() {$("#checkThen").change(function () {if ($(this).is(":checked")) {// ..........}else {// ..........}}); }解决方法:如果要附加内联事件处理程序使用,...

javascript – 使用jQuery复选框选择的MultiSelect下拉列表【代码】

我正在尝试使用jQuery手动创建一个带有多选复选框的下拉列表. 我不想使用除jQuery之外的任何内置库.我尝试实现功能,但问题是,当我选中复选框时,数据将弹出输入字段,如果我第二次点击,我可以看到复选框未选中,数据不会附加到上一个. 请告诉我代码中哪里出错了.<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>Untitled Document</title> <style>.multiselect {width: 200px;}.selectBox {position: relative;}.sele...

javascript – 显示隐藏内容,具体取决于是否选中了复选框【代码】

我对jquery很新,所以我为自己迄今为止所想到的事情感到骄傲.我要做的是根据适当的复选框状态显示/隐藏选项列表. Eveything工作正常,但我无法弄清楚如何检查是否在加载时检查复选框我知道我应该能够使用is.checked现在我有这个javascript$('.wpbook_hidden').css({'display': 'none' }); $(':checkbox').change(function() {var option = 'wpbook_option_' + $(this).attr('id');if ($('.' + option).css('display') == 'none') {$(...

javascript – Sencha Touch ExtJS添加复选框列表【代码】

在Sencha Touch 1.0中进行开发.我正在使用Ext.List来呈现列表,但我还希望每个列表项的开头都以复选框开头.我还想根据数组项值更改其状态,该数组是给配置选项的数组.有没有办法将一个简单的Ext.form.Checkbox添加到Ext.List. 如果我改为使用< input type =“checkbox”... />到< itemTpl>配置选项,然后它在显示中看起来很丑,其次我不知道如何在复选框上听事件 这是你的眼睛糖果的代码:Ext.regModel('Todos', {fields: ['title', 'c...

javascript – 检查jQuery中具有特定列表值的复选框的最快方法【代码】

这是我的HTML Dom:<input type="checkbox" class="chk-act" name="actionChk" value="17"> <input type="checkbox" class="chk-act" name="actionChk" value="18"> <input type="checkbox" class="chk-act" name="actionChk" value="19"> <input type="checkbox" class="chk-act" name="actionChk" value="20"> <input type="checkbox" class="chk-act" name="actionChk" value="21">我有一个jQuery脚本,它返回了ajax的JSon响应:...

使用JavaScript获取widgetVar或选中/取消选中所有其他PrimeFaces复选框【代码】

我在页面上有几个PrimeFaces复选框.如果单击主复选框,则应选中/取消选中所有其他复选框.使用纯HTML复选框,这将是一个简单的问题.但由于PrimeFaces不显示复选框本身,而是显示图像,因此以下JavaScript代码不起作用:<script type="text/javascript"> $(document).ready(function() {var masterCheckbox = $(".ui-chkbox.master :checkbox");var slaveCheckboxes = $(".ui-chkbox:not(.master) :checkbox");updateMaster();masterChec...

javascript – 使用jQuery以编程方式“勾选”复选框【代码】

我想触发一个以编程方式检查的复选框.例如:$(function(){//create a trigger that if a checkbox changes, eg is clicked/change show an alert$("#idCheckbox").on("change", function(){if($(this).is(':checked')){alert("Is checked!");}});//onload put it checked$("#idCheckbox").attr("checked", "checked"); });“问题”是,如果我通过javascript检查加载复选框,则不会触发on()方法,并且不会显示警报. 上面的代码是一个例...

javascript – 如何获取angular.js中的复选框值【代码】

我一直在搜索这里的主题,但无法找到答案. 当用户在Angular中检查它时,我试图获取复选框的值.我有类似的东西<div class="checkbox"><div class="checkbox" ng-repeat="product in products"><input type="checkbox" ng-model="product"/> {{product.name}} </div><button ng-click='add()'></button>我希望在我的js中有一些东西$scope.add = function() {//I want to add the checked product in the selectedProduct array$scope.s...

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