javascript - 如何从不同的表中获取javascript中选定的单选按钮的总和？

Question

有两个表:table#1 和 table#2。在表#1 中，有四列。每列都有一些单选按钮。用户只能从每一列中选择一个单选按钮。我想在我的代码中设置以下条件:

1. 用户必须从两个表中选择单选按钮。
2. 如果单选按钮的总选择是 5，用户必须从表#1 中选择 3 个单选按钮，从表#2 中选择 2 个。如果单选按钮的总选择是 4，用户必须从表#1 中选择 2 个单选按钮，从表#2 中选择 2 个。如果单选按钮的总数为 3，则用户可以从表#1 中选择 2 个单选按钮，从表#2 中选择 1 个，或者用户可以从表#1 中选择 1 个单选按钮，从表#2 中选择 2 个单选按钮。
   1. 用户不能从表#1 中选择超过 3 个单选按钮。 Table#1 Table#2

我已经完成条件#1 和条件#3。如何使用表 ID 在 javascript 中设置条件 2？

这是我的条件#1 和#condition#3 的代码:

1. 条件#1

   //tableId sat
   $(document).on('click', '#submit', function(event) {
       var $checked = $('#sat').find(":radio:checked");
           if (!$checked.length) {
               alert('You are violating Rule 6. You can not take 3 courses in a day but it is possible if you take 5 courses in a semester..');
               event.stopImmediatePropagation();
               return false;
           }
   });
   
   //tableId fri
   $(document).on('click', '#submit', function(event) {
       var $checked = $('#fri').find(":radio:checked");
           if (!$checked.length) {
               alert('You are violating Rule 6. You can not take 3 courses in a day but it is possible if you take 5 courses in a semester..');
               event.stopImmediatePropagation();
               return false;
           }
   });
   

2. 条件#3

   // tableID fri
   $("#fri input[type='radio']").change(function(){
       var count = $("#fri input[type='radio']:checked").length;
       if(count>3){
           $(this).prop('checked', false);
         alert("You cannot add more than 3");
       }
   });
   
   //table sat
   $("#sat input[type='radio']").change(function(){
       var count = $("#sat input[type='radio']:checked").length;
       if(count>3){
           $(this).prop('checked', false);
         alert("You cannot add more than 3");
       }
   });
   

Answer 1

您可以使用以下函数来检查条件 2 中的条件

function validateRadionCount() {
  var radioCountInSat = $('#sat').find(':radio:checked').length;
  var radionCountInFri = $('#fri').find(':radio:checked').length;
  var totalCount = radioCountInSat + radionCountInFri;

  switch(totalCount) {
    case 5:
      if (!(radioCountInSat === 3 && radionCountInFri === 2))
        return false;
      break;
    case 4:
      if (!(radioCountInSat === 2 && radionCountInFri === 2))
        return false;
      break;
    case 3:
      if (!(radioCountInSat === 2 && radionCountInFri === 1) || !(radioCountInSat === 1 && radionCountInFri === 2))
        return false;
      break;
    default:
      return false;
  }

}