Tag: 收音机

使用jquery限制复选框，基于选中的单选按钮

所以，我有一些复选框的问题。 首先让我告诉你关于“项目”本身。 这是一个webform，用户必须完成它并检查一些复选框和单选按钮，具体取决于他想要购买的内容。 其中第一个是2个无线电子弹，编号为1和2，代表他想要购买的产品数量。 接下来是大约5个代表产品颜色的复选框，它们有多少并不重要，事情是……我想，当用户在单选按钮上选择1时，只有1个复选框是如果他选择2，则只有2个复选框可供检查。 所以..有人可以帮助我吗？ 我想到了jQuery，但我不知道…… 有两个div，第一个div的ID是让我们说#radioButtons有2个单选按钮，第二个div有其余的复选框。

选中单选按钮时更改表格单元格的颜色

我希望我的单选按钮单元格旁边的单元格在选中单选按钮时突出显示为绿色，并在移动到未选中时变回灰色。 换句话说，包含获胜团队价值的单选按钮应该将包含该团队名称的单元格变为绿色。 $(‘input:radio’).checked(function() { $(this).closest(‘td’).addClass(‘highlight’); }); .highlight { background: green; } Fiesta Bowl Arizona Boise State January 1

jQuery返回错误选择的radiobox？

我有一个表单输入，由两个单选按钮组成，一个名称，如下所示： [thumb] [img] 在jQuery函数中，我引用了哪一个被检查： type=$(‘input[name=”type”]’).is(‘:checked’).val(); 出于某种原因，即使我更改了页面上的复选框，如果总是返回前者。 以下是完整代码，用于消除： Thumb/img BBCode generator Please enable Javascript or use the old generator Thumb/img BBCode generator for Facepunch [thumb] [img] Insert image links on seperate lines $(‘#1_c’).click(function(){ var text=$(‘textarea’).val(), type=$(‘input[name=”type”]’).is(‘:checked’).val(); $.post(‘generate2.php’, { text: text, type: type }, function(data) { $(“#content”).html(data); }); }); function reset(){ history.go(‘0’); } 实时版： http ： //pdo.elementfx.com/thumb/

选择不同的单选按钮会转到不同的html页面

我有2套单选按钮，我想做以下事情： 1）当所有选择都为假时，显示validation消息。（这是有效的，但是当反复点击“保存”时，它会添加一个空白行，如何防止这种情况？）。 2）如果仅选择了Set 1或Set 2，则在Save上显示另一个的错误消息。 3）。 选择“设置1”时，“设置2”选项需要将用户带到不同的页面，具体取决于“是”或“否”。 提前致谢！！ 链接到jsfiddle Please make a selection Radio Set 3 Yes   No Please make a selectionRadio Set 2 Yes   No Save JS $(‘#Qbtn’).click(function () { if ((!$(‘#attachYes’).attr(‘checked’) === true) && (!$(‘#attachNo’).attr(‘checked’) === true) && (!$(‘#NotifYes’).attr(‘checked’) === true) && (!$(‘#NotifNo’).attr(‘checked’)) === true) { //the validations are displaying correctly […]

如果选择单选按钮显示Div – 8个单选按钮/ 8个分区 – 这可以简化吗？

基本上，我想要8个单选按钮。 如果选择了一个单选按钮，则下面显示一个div。 如果选择另一个按钮，则显示另一个div。 一次只显示一个div，如果没有选择按钮（最初），则不显示div。 这是我的HTML，这是相当标准的，我不是想根据我的需要改进它。 sim-micro sim-mini sim-maxi sim-mega phone-smart-micro phone-smart-mini phone-smart phone-smart-maxi 然而，这是我的剧本，它似乎相当忙乱，我想知道我继续前进是否有办法做到这一点更简单？ $(document).ready(function(){ $(‘.sim-micro-desktop’).hide(); $(‘.sim-mini-desktop’).hide(); $(‘.sim-maxi-desktop’).hide(); $(‘.sim-mega-desktop’).hide(); $(‘.phone-smart-micro-desktop’).hide(); $(‘.phone-smart-mini-desktop’).hide(); $(‘.phone-smart-desktop’).hide(); $(‘.phone-smart-maxi-desktop’).hide(); $(‘form#group’).click(function(){ if($(‘.sim-micro-btn’).is(“:checked”)){ $(‘.sim-micro-desktop’).show(); } else { $(‘.sim-micro-desktop’).hide(); } if($(‘.sim-mini-btn’).is(“:checked”)){ $(‘.sim-mini-desktop’).show(); } else { $(‘.sim-mini-desktop’).hide(); } if($(‘.sim-maxi-btn’).is(“:checked”)){ $(‘.sim-maxi-desktop’).show(); } else { $(‘.sim-maxi-desktop’).hide(); } if($(‘.sim-mega-btn’).is(“:checked”)){ $(‘.sim-mega-desktop’).show(); } else { $(‘.sim-mega-desktop’).hide(); } if($(‘.phone-smart-micro-btn’).is(“:checked”)){ $(‘.phone-smart-micro-desktop’).show(); } […]

jQuery中的动态单选按钮组validation

validation以确保每个组中至少有一个被检查的最佳方法是什么，因此在以下示例中，组是name1 ， name2 ， name3 ？ 例 我知道我可以围绕每个div包装div然后检查div中的每个单选按钮，但我正在寻找一个更动态的解决方案。 因此，如果将来添加更多单选按钮，则不需要更改jQuery代码或不需要添加div – 我希望这是有道理的。

根据无线电输入值将类添加到目标（切换，如function）

总结回答 如果你遇到类似的东西，这是一个简单的答案： 在我的代码中，我获得了：checked无线电输入的.val（）值，它获取了已检查的所有无线电的值，这导致了不需要的类。 利用.click回调，我们可以获得单击项目的特定输入值的.val（）值，在我的情况下，这是一个无线电标签。 这是我遇到的问题的另一个很好的解决方案.. 添加类并根据检查的无线电删除类？ 和jsbin到这个解决方案http://jsbin.com/ugufi/27/ 希望这可以帮助其他可能有相同问题的人…非常简单的答案..感谢大家！ 问题 这是我的代码 http://jsbin.com/ugufi/11/ 我正在努力的是找到一个解决方案，在将类添加到目标后删除它。 我有一个单选按钮列表，我得到了：已检查的无线电输入的值，并将该值放在一个类中。 当检查新的无线电时它继续添加到前面的课程 我需要什么（我知道这很简单，但我不知道该用什么）。 然后当我检查一个新的无线电输入 PS。 我看了这个问题并找到了很多答案，但他们都使用某种.siblings（）或.parent（）回调，它们是很好的解决方案，但输入和目标在我的代码中远离彼此。

jQuery – 确保检查所有无线电组

我想使用jQuery循环遍历多个（动态）单选按钮组，如果没有进行选择，则会引发错误并停止表单提交。 到目前为止，这是我的努力： $(“form”).submit(function() { $(“:radio”).each(function(){ if($(this).val().length == 0) { alert(‘Not selected all radios’); return false; } }); }); 但是它总是忽略if语句会停止提交，就好像$（this）实际上不是单选按钮的值？ 这是一个jsFiddle： http ： //jsfiddle.net/aVVW9/ 非常感谢任何帮助，谢谢！

根据单选按钮单击显示和隐藏div

我希望能够使用单选按钮和jQuery动态更改显示div的内容 – HTML： 2 Cars 3 Cars 2 Cars Selected 3 Cars 和jQuery： $(document).ready(function(){ $(“input[name$=’cars’]”).click(function() { var test = $(this).val(); $(“div.desc”).hide(); $(“#”+test).show(); }); }); 这没什么，div总是表现出来。 我确定这很简单，但我在jQuery很差。