【模拟多级复选框效果的jquery代码】教程文章相关的互联网学习教程文章

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 / 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:禁用除当前复选框之外的所有复选框【代码】

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

php – 如何使用jquery检查多个复选框?【代码】

我是jquery的新手,很有意思,但我有一点问题,我使用这样的foreach循环从数据库填充多个复选框,<? foreach($cities as $city) { ?><input type="checkbox" name="city[]" value="<?=$city->id?>" id="city[]" /> <? } ?>我想限制用户检查至少一个复选框,我知道如何只用一个复选框,但在jquery中与这种数组混淆,任何帮助将不胜感激!提前谢谢了!解决方法:要查找检查了多少个复选框,您可以使用以下内容:var checkedNum = $('input[nam...

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 – 检查是否选中了复选框(js / jquery)【代码】

我想检查是否使用JavaScript / jQuery选中了某个复选框. 这是我试过的代码:var a;if ($("#add_desc").checked == 1){a = "true";}else{a= "false";}我也尝试过:var a;if ($("#add_desc").checked){a= "true";}else{a= "false";}一旦我警告变量a,它总是返回false. 知道为什么它对我不起作用吗?我做错了吗? 谢谢!解决方法:要在复选框输入上获取checked属性的值,请使用.prop()方法,或直接从DOM元素获取值. [0]返回第一个选定的DO...

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 – 使用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中具有特定列表值的复选框的最快方法【代码】

这是我的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 – 使用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 – 在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数据表中的excel【代码】

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