Tag: 复选框

根据复选框值动态添加和删除元素

我正在尝试动态地将textareas添加到表单中的div，具体取决于选中的复选框。 textareas作为 元素添加到 父元素中，因此它只是textareas的列表。 每当“CaseGrounds”复选框被选中时，我的JQuery都会添加textareas，但如果未选中相关复选框，我不确定如何删除相应的textareas。 我认为在添加textareas之前我会聪明并清空 ，但是这会导致它只会添加1 textarea的问题，因为它会在复选框组的每次更改时清空元素。 另一个问题是，如果我取消选中然后重新检查一个复选框，它会一遍又一遍地添加textarea。 这是JSFiddle： http ： //jsfiddle.net/D5YP7/ 这是我的HTML： Step 2 Ground 1 Ground 2 Ground 3 Step 3 Details of Enquiry // Dynamically put textareas in here // inheritance我的Jquery： $(‘input[name=”CaseGrounds”]’).change(function () { $(“#form-Step3 ol”).empty(); //empty the ol within the div (#form-step3) within the form if ($(this).prop(‘checked’)) { //which checkbox […]

javascript，突然间jquery没有检测到我的复选框被选中

http://pastebin.com/r30Wfvi3 突然之间就停止了工作。 var showMyLocation = document.createElement(‘input’); showMyLocation.type = “checkbox”; showMyLocation.className = “checkboxForRange”; showMyLocation.id = “showMyLocation”; $$.children(“#showMyLocation”).html(‘Vis min posisjon :’).append(showMyLocation); $(‘#’ + showMyLocation.id).change(function () { //location console.log(“clicked”); if ($(this).is(“:checked”)) { console.log(“y”); GarageHandler.showPosition(); } else { console.log(“n”); GarageHandler.hidePosition(); } }); 这是给定代码的输出： “clicked” “n”, “clicked” “n”, “clicked” “n”, “clicked” “n”, etc. 应该是这样的： “clicked” “y”, “clicked” “n”, “clicked” “y”, […]

AJAX复选框

我有一个使用php和js的服务器驱动的站点。 一个部分显示我们的用户上传的所有照片，然后管理员决定保留哪些照片以进行最终演示。 大多数网站都使用jquery进行内部编辑，但这个任务让我很难过。 我想在MySQL数据库表中插入一行，通过单击复选框复制照片的URL和其他相关信息… NO SUBMIT按钮。 我在foreach（glob（$ dir））中生成了我需要的所有信息，并且在生成的每张照片旁边我都可以放置复选框。

在Rails 4中设置编辑方法的复选框

假设我在new.html.erb中有一个表单，其中包含一些复选框和选择标记以及其他text_fields。 假设我创建了一个记录（选中一个或多个复选框并选择一些内容）并将其成功保存到DB。 当我去edit.html.erb应该编辑这条记录时，我有以下情况： 1）所有text_fields都填充了我要编辑的记录的值（OK） 2）但是复选框都未选中（不行） 3）选择标签中没有选择任何内容（不是OK） 所以第2和第3点是有问题的。 如何在编辑记录时填充复选框并选择标记？ 我的例子：我有一个collection_select： “types”} %> 以及根据选择标记值实际生成的复选框（这可行）。 检查多个复选框时，它们的值将作为数组存储在DB中。 例如： ‘1’ ‘2’表示选中复选框1和2（实际上是id）。

Re：jQuery多重复选框页面filter

这个问题是jQuery Multiple Checkbox页面filter的扩展。 这完全是我的问题。 我有三个目标： 我想要一个复选框列表来过滤页面内容。 我想只返回匹配所有当前复选框的内容，隐藏所有其余内容。 如果没有选中框，则应显示所有内容。 如前面在上述问题中所讨论的，目标A和C是通过以下方式完成的： $(‘div.tags’).delegate(‘input:checkbox’, ‘change’, function() { var $lis = $(‘.results > li’).hide(); //For each one checked $(‘input:checked’).each(function() { $lis.filter(‘.’ + $(this).attr(‘rel’)).show(); }); }); 目标B完成了： var selector = $(‘input:checked’).map(function () { return $(this).attr(‘rel’); }).get().join(‘.’); $lis.filter(selector).doWhatever(); 但我不知道如何将这两个脚本集成在一起？

JQuery：取消选中ul li中的子子复选框

我有这样的代码： Child 1 Child 2 Sub Child 1 Sub Child 2 Child 3 和jquery代码： $(‘input[@type=checkbox][level=”child”]’).click(function (event) { var checked = $(this).is(‘:checked’); if (checked) { alert(“checked”); } else { //for click child to uncheck subchild alert(“when unchecked”); $(this).closest(‘ul > li’).children(‘input[@type=checkbox][level=”subchild”]’).attr(‘checked’, false); } }); 情况：检查子2 +子child1 +子child2 问题：当我点击取消选中子项2时，我想取消选中subchild1 + subchild2，上面的代码不起作用。 我认为它与以下内容有关： $(this).closest(‘ul > li’).children(‘input[@type=checkbox [level=”subchild”]’).attr(‘checked’, false); 任何帮助都会很棒。 […]

如何制作一个检查按钮？ （标签为按钮的隐藏复选框：仅限CSS）

使用方法1创建一个可点击的标签 ， 用CSS隐藏复选框 并用jQuery切换它和标签 ，我得到了这个： $(‘label’).click(function(e) { $(this).toggleClass(‘active’); var cbx = $(‘input’, this); cbx.prop(‘checked’, !cbx.prop(“checked”)); console.log($(‘input’, this).prop(‘checked’)); return false; }) input[type=”checkbox”] {visibility: hidden;position: absolute} label {background-color: pink;border: 1px solid lightblue;padding: 20px} label.active {background-color: lightgreen} Check Button [检查控制台是否有复选框状态] 我的问题是：是否可以只使用CSS做同样的事情 ？ 我意识到我正在使用而不是 ，我认为有更好的方法可以通过jQuery实现这一点。 如果您考虑回复一个，请使用复选框（或至少解释您不能使用它的原因）。

选中复选框时Jquery更改隐藏的输入值，取消选中时反转？

当用户检查不同表单字段中的复选框时，我正在使用Jquery将隐藏输入的值更改为True 。 它看起来像这样： $(function(){ $(‘.year’).click(function(){ $(‘#carsearch’).val(‘True’); }); 除非用户改变主意并取消选中框，否则它的效果很好，隐藏的输入保持值为True 。 我想这样做，如果他们改变主意并取消选中.year输入，它会将#carsearch的值更改回False 。 我真的很感激有关如何实现这一点的任何意见。

检查是否选中了复选框，然后选中另一个复选框

我有一个网页，上面有6个复选框。 使用jquery如何查看是否检查了所有这6个复选框，如果检查了所有6个复选框，请选中复选框7： 我已经开始编写函数但不确定这是否是执行此操作的最佳方法： function AllSectionsChecked { var isChecked1 = $(‘##chk1’).attr(‘checked’)?true:false; var isChecked2 = $(‘##chk2’).attr(‘checked’)?true:false; var isChecked3 = $(‘##chk3’).attr(‘checked’)?true:false; var isChecked4 = $(‘##chk4’).attr(‘checked’)?true:false; var isChecked5 = $(‘##chk5’).attr(‘checked’)?true:false; var isChecked6 = $(‘##chk6’).attr(‘checked’)?true:false; } 任何帮助，将不胜感激。 我猜它非常直接，但只是寻找在jquery中实现这一目标的最佳方法。 更新： * id和名称是动态创建的，可能不是任何顺序或比例，所以id可能是chk51而下一个可能是chk205，Appologies我应该把它放在我原来的post中*谢谢你的建议到目前为止。 非常感谢

使用jquery检查所有复选框

$(document).ready(function(){ function set_checked { alert(‘test’); $(‘*:checkbox’).attr(‘checked’, checked); } }); 而这个HTML 由于某种原因不起作用。 没有警报框或没有。