Tag: 复选框

当勾选复选框时,如何将类添加到复选框的容器div中?

当使用jquery激活复选框(input.check-group)时,我想为容器添加背景颜色(div.checkbox_db)。 我可以这样做吗? 这是我正在使用的html代码: Checkbox

将复选框标记复制到另一个表单

我有两种forms: FOO: … 酒吧: … # some other input fileds here 我需要JS(jQuery),因为foo每次更改复选框都会更改相应的复选框。 其主要目标是为相同的复选框设置2个不同的操作。 我想隐藏那些带有CSS的bar ,只留下提交按钮。 这里描述了所有内容

子选择(检查)在Jquery中具有指定标记的复选框

我有一个棘手的问题; 我希望能够在具有span类标识符和内容’ – ‘时选择特定复选框的所有子项 在下面的例子中; 当我检查’Alarme’时,我想要检查’Alarmes domestiques’和’Contrôled’accès’; 当我取消选择时,也是反向动作。 一定很容易,但我不是Jquery专家。 谢谢 ! 我有以下代码: Alarmes —  Alarmes domestiques Aménagement Sanitaires

使用iCheck限制已选中复选框的数量

我正在使用iCheck来设置复选框样式,而我在使用此方法时遇到问题。 基本上我需要允许一次检查3个复选框,并防止进一步检查框。 我试过用这个: $(“#modal1”).on(“change”, function() { var limit = 3, checkboxes = $(this).find(“input:checkbox”), valid = checkboxes.filter(“:checked”).length >= limit; checkboxes.not(“:checked”).attr(“disabled”, valid); $(‘input’).iCheck(‘update’); }); 它可以在没有iCheck的情况下工作,如下所示,但我无法让iCheck进行更新。 http://jsfiddle.net/hUdrF/4/

如何从动态创建的复选框javascript中创建复选框事件

我有三个参数,即模型,目的地和标准。 每当用户从下拉列表中选择目标和条件所依赖的模型时,都会显示目标的动态复选框。 当用户勾选目的地时,将显示其特定标准。 这是一个后续问题: 如何在下拉列表中动态显示多个复选框列表 function populate(model, destination) { var mod = document.getElementById(model); var des = document.getElementById(destination); des.innerHTML = “”; if (mod.value == “model-a”) { var optionArray = [“Model-A.1”, “Model-A.2”, “Model-A.3”]; } else if (mod.value == “model-b”) { var optionArray = [“Model-B.1”, “Model-B.2”, “Model-B.3”]; } else if (mod.value == “model-c”) { var optionArray = [“Model-C.1”, […]

Jquery多个复选框在var中获取值或在span中打印

html的代码是: Add-ons Add-on Number 1 – 10 QR Add-on Number 2 – 20 QR Add-on Number 3 – 40 QR Add-on Number 4 – 60 QR I want more add-ons 0 1 2 3 User total usage: jQuery的: //For select function displayVals() { var singleValues = $(“#more”).val(); $(“#span”).html(“more addons: ” + singleValues); } $(“select”).change(displayVals); displayVals(); […]

jQuery Validation插件 – 复选框

我自动生成一个测验页面,其中包含单选,多选和用户输入类型的问题。 为了确保所有问题都已得到解答,我使用的是jQuery Validation Plugin。 这适用于Radiobuttons和Textboxes,但在遇到复选框时失败。 我的表单(通过从MySQL提出问题和选择动态生成)代码生成如下: $(document).ready(function () { $(“#form1”).validate({ invalidHandler: function() { alert(‘FAILED validation’); }, submitHandler: function() { alert(‘PASSED validation’); } }); }); form.form1 label.error { display: none; } 1 . Question One Opt One Opt Two Opt Three Opt Four Please select at least one option. 2 . Question Two aaaa bbbb cccc […]

jQuery复选框根据复选框值禁用/启用辅助输入

我有一个表单(它是一个WordPress插件,Contact 7,fyi),它使用一个独有的复选框。 有两个复选框选项,是和否。 如果他们检查是,我有一个我启用的文本字段(我默认禁用它)。 如果他们检查不是,我有一个第二个独占复选框,有2个盒子,我正在启用(默认情况下)。 你可以猜测,当用户选择是时,它也应该禁用第二个复选框。 如果他们选择no,我希望文本字段返回到禁用状态。 所以我有这个工作,除了,它不承认变化事件; 换句话说,如果我检查是,它启用文本字段,但如果我然后检查否,它不会更新其他输入元素的关联状态。 我必须取消选中no,然后重新检查它,以便它执行该function。 这是我的jQuery代码片段: $(document).ready(function() { $(‘p#myTextFieldHolder input:text’).val(”).attr(‘disabled’, true); $(‘#mySecondCheckBoxHolder input:checkbox’).attr(‘disabled’, true); $(“#myCheckBoxHolder input”).change(function() { if ($(“:checked”).val() == “If yes, what is the estimated closing date?”) { $(‘p#myTextFieldHolder input:text’).val(”).attr(‘disabled’, false); $(‘#mySecondCheckBoxHolder input:checkbox’).attr(‘disabled’, true); } else if ($(“:checked”).val() == “No:”) { $(‘p#myTextFieldHolder input:text’).val(”).attr(‘disabled’, true); $(‘#mySecondCheckBoxHolder input:checkbox’).attr(‘disabled’, false); } else […]

根据URL查询字符串中的复选框值在页面刷新后设置复选框

我有一组复选框: HOSPITALS   PHYSICIAN OFFICES   EMERGENCY CENTERS   OUT-PATIENT CENTERS   FACILITIES 我已经抓住他们的值如下并传递给url,在页面重新加载传递的查询字符串后,我想检查传递的值是什么复选框,并将这些复选框设置为checked = true。 var url = “http://mysite.com/contact-us/Pages/LocationSearch.aspx?s=bcs_locations&k=”; var checkboxValues = $(“input[name=LocType]:checked”).map(function() { return ‘ ‘+’bcslocationtype:’+”\”” + $(this).val() + “\””;}).get().join(” OR “); window.location= url + checkboxValues; 当选中Hospitals and Emergency复选框并点击搜索时,URL如下所示: http ://mysite.com/contact-us/Pages/LocationSearch.aspx?s = bcs_locations&k = bcslocationtype:“Hospital”或bcslocationtype:“Emergency” 现在为什么事情不起作用,我没有看到任何错误?它的insde document.ready(){} //Keep the selected chkboxes checked on page redirect var value […]

选中复选框时,JQuery不设置变量

怎么做, 这很简单,但我看不出自己的错误。 当用户单击该复选框时,变量isEmployee需要设置为true。 然后我将该变量传递给JSON数组,但是有些原因,无论我做什么,都没有设置isEmployee变量。 Current Employee: var isEmployee = false; $(‘#EmployStats’).change(function() { if(this.checked) { isEmployee = true; } }); data = {‘Employ_Status’:isEmployee}; 但是,当我点击提交按钮时,即使单击复选框,标题仍然显示为Employ_Status为false。 我不能为我的生活看到这有什么不对 更新:设置复选框后设置数据数组的原因是由于数据数组仅在其他字段经过validation后提交: if(submit == true) { //If data is present, then prepare email and user values to be submitted to .php page var results; data = { ‘Employ_name’: $(‘#EmployName’).val(), ‘Employ_num’: $(‘#EmployNumber’).val(), ‘Employ_phone’: […]