从每个组中选择至少一个单选按钮(使用jquery)

前端之家收集整理的这篇文章主要介绍了从每个组中选择至少一个单选按钮(使用jquery)前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我动态地在表单上拉和显示单选按钮quesitons(由 jquery选项卡分成不同的部分).

所以有很多2,3,4,5等单选按钮在一起,它们具有相同的“名称”但不同的ids.

当您在两个部分之间进行下一步时,我想检查每个组中至少选择了一个单选按钮.

(当表单加载时,单选按钮默认情况下未检查,必须是这样.)

我可以循环浏览当前部分的单选按钮,但是我不知道如何轻松检查每个组中是否已经被检查过?

解决方法

在元素之间没有任何关系,或者如何找到组名的时候,我只能给你一个指针,但是这应该是有效的(检查是通过点击id =“nextButton”的元素触发的,但显然这可以是定制到任何其他适当的事件,例如$(‘form’).submit(),例如):
$(document).ready(
function(){
  $('#nextButton').click(
    function(){

    var radioName = something; // use this if there's a relationship between the element
                               // triggering this check and the radio buttons

      if ($('input[name='+ radioName +']:checked').length) {
           // at least one of the radio buttons was checked
           return true; // allow whatever action would normally happen to continue
      }
      else {
           // no radio button was checked
           return false; // stop whatever action would normally happen
      }
    }
  );
}
);

猜你在找的jQuery相关文章