Tag: 复选框

如果选中复选框,则jquery突出显示表行

如果我“点击”一个元素,我知道如何突出显示一个表行。 但是当我打开一个页面时,已经检查了一些复选框。 我想在页面加载时使用jquery突出显示这些行。 我给了我所有的复选框一类“复选框”。 这是我到目前为止所得到的: $(document).ready(function(){ if( $(‘.checkboxes’).attr(“checked”) == true ){ /*not sure how to detect a row*/ } }); 我不知道该把什么放进去。 我得到的最接近的是: $(this).closest(‘tr’).addClass(“pinkrow”); 但是$(this)显然没有检测到。

jQuery – 使用remoteAttr()清除它们后重新检查复选框

如果我重置一堆输入:复选框字段与resetAttr(),这是完美的工作,我无法使用ajax响应的数据结合.attr(’checked’,’true’)重新检查这些复选框。 所以脚本的工作流程应该是这样的: 在ajax请求期间获取一些数据。 如果成功,请继续。 打开表单时,重置其所有内容,包括复选框。 这不适用于document.getElementById(“ID”).reset(); 单独。 因此我使用了removeAttr(); 现在获取ajax-request的数据并使用jQuery(‘#SomeID’).find(‘input[value=”‘+SomeObject[key]+'”]’).attr(‘checked’,’true’);将其放入DOM中jQuery(‘#SomeID’).find(‘input[value=”‘+SomeObject[key]+'”]’).attr(‘checked’,’true’); 在没有使用remoteAttr()之前,将按照步骤3中的描述填充表单。使用removeAttr()导致结果,将重新填充复选框将被忽略。 有什么建议? 最好的问候拉尔夫 更新:我找到了一个解决方案,这有点讨厌但工作: 首先,我使用以下命令删除checked属性: jQuery(‘#form’).find(‘input:checkbox’).attr(‘checked’,false); 然后使用: document.getElementById(“such-sets-_viewSuchSets-form”).reset(); 之后,我使用jQuery()。val()等重新填充带有选中复选框,文本框等的表单。

计算已检查复选框的数量,并使用jQuery在固定的div上显示它们

我正在尝试编写一个jQuery脚本(我之前从未编写过一个脚本,我需要帮助)。 详情如下; 我有一个带有复选框的表格。 每个复选框都有不同的ID和名称,我将根据自己的编程原因进行操作。 我只想要计算复选框的数量,只需在固定的div中右侧显示它。 只有在勾选第一个复选框后才能显示div。 我怎样才能做到这一点? 我的示例复选框是: 复选框名称是增量的。 意思是下一个将是check_box_no_3。 请帮忙… 到目前为止,我一直在摆弄 $(“input[type=checkbox][checked]”).each( function() { // Insert code here } ); 但这似乎不适用于FireFox。

如果选择了下拉列表中的某些值,请取消选中复选框

当我从下拉列表中选择某个值或用户没有从下拉列表中选择任何值时,我需要取消选中我的复选框。 我现在正在使用Jquery。 这是我现在使用的代码,但它不起作用。 脚本 function sdp4(str) { if ( $(‘#drop1’).val()!= ” || $(‘#drop1’).val()== “In Process” || $(‘#drop1’).val()== “KIV” ) {$(‘#checkbox1’).prop(‘checked’, false);} else {$(‘#checkbox1’).prop(‘checked’, true);} HTML In Process KIV Completed

触发复选框的更改事件

我有7个复选框(A,B,C,D,E,F,G),当我单击其中一个时,该值将附加到textarea。 如果我取消选中一个,则会从textarea中删除该值。 jquery代码如下: var checkboxes = $(“input[type=’checkbox’]”); checkboxes.on(‘change’, function() { $(‘#recipient’).val( checkboxes.filter(‘:checked’).map(function(item) { return this.value; }).get().join(‘; ‘) ); }); html代码如下: Recipient Message Submit Reset   Address Book A B C D E F G 现在,在这种情况下,当我点击Checkbox“C”时,应禁用以下复选框D,E,F,G以及如果这些复选框中的任何一个已处于已检查状态,则应取消选中并触发打开更改事件(如上面的代码中所示),它将从textarea中删除该复选框的值。 我试图使用触发器(“更改”)选项,但找不到运气。 请帮我! 请注意,在下面的代码中,我刚刚尝试了触发器事件,单独使用复选框D来查看它是否有效。 $(function(){ $(“.firm[value=’C’]”).change(function(){ $(“.firm[value=’D’]”).prop(‘checked’, false).trigger(“change”); $(“.firm[value=’D’], .firm[value=’E’], .firm[value=’F’], .firm[value=’G’]”).attr(“disabled”, $(this).is(“:checked”)); }); });

为什么不设置.attr(’checked’,’checked’)?

我有以下代码片段(我正在使用jQuery 1.4.2): $.post(‘/Ads/GetAdStatsRow/’, { ‘ad_id’: id }, function(result) { $(‘#edit_ads_form tbody’).prepend(result); $(result).find(‘td.select-ad input’).attr(‘checked’,’checked’).click(); }); 假设post正常工作并返回一个正确的预构建 和一些 。 这是奇怪的: $(result).find()行找到正确的输入(这是一个复选框,因为它是单元格中唯一的输入)并正确运行链接的click()函数,但是REFUSES设置框检查,我需要发生。 这也是一个疯狂的转折…当我得到超级特定并将$(result).find()行更改为此(复选框的id): $(‘#ad_’ + id).click(); 它会检查该框,但不会运行click()函数! 如果我把它设置为 $(‘#ad_’ + id).attr(‘checked’,’checked’).click(); 它运行点击function,就好像检查了盒子一样,但是盒子仍未选中,如果我这样做的话 $(‘#ad_’ + id).click().attr(‘checked’,’checked’); 它什么都不做。 世界上有什么问题呢? 我的头发用完了…… 谢谢! 编辑 以下是我在$(function())调用中设置click事件的方法: $(‘td.select-ad input’).live(‘click’,AdPreview.selectAd); 它适用于所有其他复选框,如果手动点击,新添加的复选框确实有效。 编辑2 经过一番挖掘,我发现了这个: $(‘#ad_’ + id).click(); 实际上除了选中复选框之外,还会调用我的点击function。 但是,当调用click函数时(我已经检查过以确保input是正确的复选框,它是), var input = $(this); console.log(input.is(‘:checked’)); 即使实际检查了该框,日志也会返回false! GAH […]

多个复选框的自定义DataAnnotation

好吧,所以我有这些产品的复选框,我想确保至少选择了一个产品。 为此,我的ViewModel包含: [DisplayName(@”Product Line”)] [MinChecked(1)] public List ActiveProducts { get; set; } 视图只包含: @Html.EditorFor(x => x.ActiveProducts) EditorTemplate包含: @model Rad.Models.CheckboxInfo @Html.HiddenFor(x => x.Value) @Html.HiddenFor(x => x.Name) @Html.CheckBoxFor(x => x.Selected) @Html.LabelFor(x => x.Selected, Model.Name) 自定义数据注释是: [AttributeUsage(AttributeTargets.Property, AllowMultiple = true)] public class MinCheckedAttribute : ValidationAttribute, IClientValidatable { public int MinValue { get; set; } public MinCheckedAttribute(int minValue) { […]

jqGrid中的自定义格式化程序,它调用jQuery函数

我有一个带有自定义格式化程序的jqGrid,它返回两个复选框: jQuery(function($){ $(“#gridAgenda”).jqGrid({ … colModel: [ …, “asiste”, … ], colModel:[ …, {name:’asiste’,formatter:asisteFormater}, … ] … }); } function asisteFormater (cellvalue, options, rowObject) { return “Sí No”; } $(“#asisteSi”).click(function () { … } 但是我想在检查两个复选框中的任何一个时调用jQuery函数,以评估检查了哪一个并调用ajax函数。 我认为问题是,在创建jqGrid之前asisteSi不存在,所以我不能这样做。 有人能帮我吗?

检测jqGrid单元格中的复选框事件

我在学习javascript和jQuery过程中正在探索jqGrid ,我在一个网格单元checkbox中放置了一个checkbox ,太棒了! 这就是我所拥有的: $(“#myTable”).jqGrid({ colModel:[ name:’cb’, index:’cb’, width:40, sorttype:”text”, align:”center”, edittype:”checkbox”, editoptions:{value:”Yes:No”}, formatter: “checkbox”, formatoptions: {disabled : false}}, other stuff… ] 单击复选框时,如何捕获事件并确定相应的行数据? 此外,当我单击复选框时,客户端的基础数据已更新(cb字段是否切换为“是”/“否”)? 我该如何实现这一目标?

jquery:选中另一个复选框时勾选并禁用复选框

我有一些div。 它们中的每一个都包含两个复选框(每个复选框都在同一个类’class3’的div中)。 我想当用户检查第一个复选框时,会检查并禁用第二个复选框。 我尝试过: $(‘.class1’).live(‘click’, function () { var n = $(this).siblings(‘input:checkbox’); if ($(this).attr(‘checked’)) { n.attr(‘disabled’, true); } else { n.attr(‘disabled’,false); } return false; }); 这样就启用了两个复选框,但是当我点击第一个复选框时,检查不会出现,也没有任何反应。