Tag: 单选按钮

如何使用JQuery显示带有单选按钮的隐藏表行

我有多个表行，每行有一组单选按钮（批准和拒绝）。 当我选择拒绝时，我想在它下面显示一个隐藏的tr，我正在使用jquery将HTML插入到tr中。 当我选择批准时，应该再次隐藏tr。 我不能让它完全按照我解释的方式工作，当我在批准和拒绝单选按钮之间切换时，隐藏的tr会显示在所有行上。 我希望它只显示在我点击的单选按钮下面。 我的小提琴： http ： //jsfiddle.net/4A7TD/ HTML： APP   REJ APP   REJ JQuery的： $(‘.hiddenColumn’).hide(); $(‘input[type=radio]’).change(function() { if ($(this).val() == ‘reject’) { $(‘.hiddenColumn’).show(); var showColumn = ($(this).closest(‘tr’).next(‘tr’)); showColumn.html(‘*Reason for Rejection’); } else if ($(this).val() == ‘approve’) { ($(this).closest(‘tr’).next(‘tr’)).hide(); }; });

如何在jQuery中预先选择一个单选按钮

我想预先选择以下集合中的第一个单选按钮： HTML jQuery的 var i = 1; // for sake of this example $(‘[name=”serviceNoteType\\[‘+ i +’\\]”]’).prop(‘checked’, true); 结果是第二个单选按钮被选中，我希望选择第一个单选按钮。 如何定位第一个单选按钮？

jquery将嵌套的单选按钮列表转换为带有optgroup标题的下拉列表

我已经在SO上看到了更多的post ，这些post正在寻找一个链接列表并将它们变成一个下拉列表。 我已经采用了这些例子，并没有太多的运气将它们应用到我的标记，这有点不同。 我需要使用标签打开带有标签的嵌套列表，并将它们转换为带有标题的下拉列表，删除嵌套的无线电输入和标签。 基本上我正在使用的单选按钮列表是一个非常失控，一个干净的下拉列表将是更好的可用性和屏幕空间。 处理完转换后，计划是隐藏原始单选按钮集，然后将用户下拉选项映射到相应的单选按钮，以便在提交表单时进行处理。 但首先我需要生成下拉列表。 。 。 以下是起始标记的简化示例： USA Northeast Mid-Atlantic New England South West No Venue Region 我试图将上面的内容转换为以下内容： Northeast Mid-Atlantic New England South West No Region 您可能会注意到第一个示例中的顶级 也有一个与之关联的单选按钮 – 但这不是所希望的，因为我们希望用户在选择时尽可能精确。 这应该是标题，但不幸的是我无法控制生成的内容。 我喜欢的解决方案类型是使用一个函数将现有标记处理成一个新实体，然后我可以在隐藏原始实体后附加到父DOM元素。 在这个SO线程中 @Enki提供了这种方法的解决方案，但是我无法应用它，因为我无法理解它是如何迭代所有元素的。 他的解决方案是这样的： function sitemapCycle(){ if(typeof(sitemapNode)===”undefined”) sitemapNode= $(“#sitemap”); if($(this).find(“ul”).length) { sitemapNode= $(sitemapNode).append(”).children().last(); $(this).find(“ul li”).each(sitemapCycle); sitemapNode= $(sitemapNode).parent(); } else { $(sitemapNode).append(”+$(this).text()+”); […]

自定义单选按钮 – IE会杀了我

我正在使用jQuery来自定义一些单选按钮。 我有两个不同的单选按钮样式，所以你会看到两个if语句寻找这两个不同的类。 我遇到的问题是，该脚本在一切都可以完美地运行，但Internet Explorer。 可悲的是，我工作的公司已经将IE8表示为所有网站的行业标准，因此所有的东西都可以与IE8一起使用。 我发给你的是我的代码 单选按钮1的HTML 单选按钮2的HTML 0 1 >2 JQuery运行整个shaz-bot function setupLabel() { if ($(‘.label_check input’).length) { $(‘.label_check’).each(function(){ $(this).removeClass(‘c_on’); }); $(‘.label_check input:checked’).each(function(){ $(this).parent(‘label’).addClass(‘c_on’); }); }; if ($(‘.label_radio input’).length) { $(‘.label_radio’).each(function(){ $(this).removeClass(‘r_on’); }); $(‘.label_radio input:checked’).each(function(){ $(this).parent(‘label’).addClass(‘r_on’); }); }; if ($(‘.label_radio-STD input’).length) { $(‘.label_radio-STD’).each(function(){ $(this).removeClass(‘s_on’); }); $(‘.label_radio-STD input:checked’).each(function(){ $(this).parent(‘label’).addClass(‘s_on’); }); }; }; $(document).ready(function(){ $(‘label’).click(function(){ setupLabel(); […]

更改处理程序未在Firefox上的无线电输入上调用

我把这个问题提炼到了这个问题： http ： //jsfiddle.net/shaggyfrog/DUqYW/3/ 在Chrome / Mac和Safari / Mac上，每次（重新）加载页面时都应该收到“foo”警报。 在Firefox / Mac上，“foo”警报仅在第一次出现。 后续重新加载不会触发它。 这可能是：（A）Firefox上的jQuery中的一个错误，无论其检查状态如何，都应调用无线电输入上的更改处理程序; （B）一个不同的jQuery错误，如果已经检查过，则不应该调用更改处理程序; 或者（C）我做一些愚蠢的事。 这是一个合法的错误还是我合法的n00b？

关闭slideToggle时如何重置选定的单选按钮？

我有一个简单的slideToggle设置，可以在页面上打开div。 一些div有自我测试。 当div关闭时，我无法弄清楚如何重置单选按钮。 这是jQuery： $(“h2.titleTrigger”).click(function(e){ e.preventDefault(); //TOGGLE OPEN/CLOSE THE DIV $(this).toggleClass(“active”).next().slideToggle(“fast”); return false; }); //self test $(‘input:radio’).bind(‘change’,function(e){ e.preventDefault(); var parentId = $(this).parents(‘.selfTest’).attr(‘id’); $(‘#’+parentId+’ .selfTestWrong’).addClass(‘answerShown’); $(‘#’+parentId+’ .selfTestAnswer’).slideDown(300); }); 看到它在这里工作： http ： //jsfiddle.net/3XBgu/ 当用户关闭slideToggle时，将自检重置为未选择状态的最佳方法是什么？

如果使用jquery在表单提交中选择单选按钮，我该如何需要文本框？

如果选择了第二个单选按钮，如何在提交此表单时要求第二个文本框中包含一些文本？ Inquiry ID FEPDirect User ID Inquiry Date * This field is required if entering an User ID

使用样式按钮时，jQuery返回错误的选中单选按钮值

我正在使用jQuery插件ScrewDefaultButtons来设置我的单选按钮的样式，但它似乎带有副作用，它通过jQuery获取它时不会返回正确的值。 我在点击它时运行一个函数，我试图获取用户选择的单选按钮的值，但它似乎返回先前选择的单选按钮的值而不是刚刚选择的单选按钮的值。 如果我删除类pretty_rb ，它禁用样式，那么它工作正常。 我试图通过以下方式获得价值： jQuery(‘input[name=tax_account_type]:checked’).val(); 我的HTML： 编辑：小提琴： http ： //jsfiddle.net/94UtB/2/

jquery显示和隐藏图像不起作用

我有一个代码到我的一个页面。 当有人点击单选按钮时，它应该淡入，保持和淡出图像。 此外，使用ajax更新数据库。 $(“#rad”).click(function() { $(“#success”).fadeIn(500); $(“#success”).delay(1000); $(“#success”).fadeOut(1000); }) 我删除了ajax部分以避免混淆。 这是我用过的jsFiddle。 http://jsfiddle.net/c7ajb/1/可能是什么错误？

单选按钮Onclick事件需要两次点击才能在Firefox上触发/执行

希望有人能够解决Firefox 3上的这种奇怪现象。 我基本上有3个单选按钮和3个文本输入字段（参见下面的代码）： 现在，每次我点击一个特定的单选按钮时，其他两个按钮的文本输入元素应该被清除并且也被禁用（参见下面的代码）。 function SetVals() { // using JQuery + straight JS for this… $(document).ready(function() { $(“:radio”).click(function(event) { // use event.target to determine which radio button was clicked if (event.target.id==”preloaded”) { document.getElementByID(“text1”).disabled=false; $(“#text2”).val(“”); $(“#text3”).val(“”); document.getElementById(“text2”).disabled=true; document.getElementById(“text3″).disabled=true; } else if (event.target.id==”custom”) { document.getElementByID(“text2”).disabled=false; $(“#text1”).val(“”); $(“#text3”).val(“”); document.getElementById(“text1”).disabled=true; document.getElementById(“text3″).disabled=true; } else if (event.target.id==”vector”) { document.getElementByID(“text3”).disabled=false; $(“#text1”).val(“”); $(“#text2”).val(“”); […]