如何在JSP JavaScript中实现单选按钮检查？

我创建了一个web应用程序（即电子商务网站）。在这里，我实现了一个单选按钮，从两个选项中选择一个。当我选择其中任何一个元素时，其他元素应该是可见的。例如：我有一个时间段选项。当我点击多选项（从单选按钮检查），然后有5或6个以上的选项应显示。当我选择uni选项（从单选按钮检查）时，有1个选项应该可见。那部分我已经做完了。我被困在需要将所有这些参数发送到servlet控制器的地方。 我希望当选择多选项时，在提交表单时只发送这5或6个参数。下面的代码是显示和隐藏所选单选按钮的div。当我选择uni选项时，我遇到了一个问题，然后我得到了一条消息——一些参数丢失了

function selectoption(id){
    if(id == 'multitime'){
        document.getElementById('multidiv').style.display= 'contents';
        document.getElementById('unidiv').style.display = 'none';
     }else{
        document.getElementById('unidiv').style.display = 'contents';
        document.getElementById('multidiv').style.display = 'none';
     }      
 }
Below code is to submit all data of form and send to controller of springboot.

    function setpincode(){
        var pincode = document.getElementById('pincode').value;
        var delivercityid = document.getElementById('deliverycityid').value;
        var status = "";
        if(document.getElementById('activestatus').checked){
            status = document.getElementById('activestatus').value;
        }else{
            status = document.getElementById('inactivestatus').value;
        }
        var timeslot = "";
        if(document.getElementById('multitime').checked){
            timeslot =  document.getElementById('multitime').value;
        }else{
            timeslot =  document.getElementById('unitime').value;
        }
        var nightservice = "";
        if(document.getElementById('multinightservice').checked){
            nightservice = document.getElementById('multinightservice').value;
        }else{
            nightservice = document.getElementById('uninightservice').value;
        }
        
        var midnightcharge = document.getElementById('midnightcharge').value;
        
        var morningservice = "";
        if(document.getElementById('activeservice').checked){
            morningservice = document.getElementById('activeservice').value;    
        }else{
            morningservice = document.getElementById('inactiveservice').value;
        }
        var earlymorningcharge=document.getElementById('morningcharge').value;
        var fixedtimeservice = "";
        if(document.getElementById('afixedtimeservice').checked){
          fixedtimeservice=document.getElementById('afixedtimeservice').value;
        }else{
       fixedtimeservice=document.getElementById('inacfixedtimeservice').value;
        }
        var fixedcharge = document.getElementById('fixedcharge').value;
        var fixedtimeslot = document.getElementById('fixedtimeslot').value;
        var deliverycharge = document.getElementById('deliverycharge').value;
        var deliveryslot = document.getElementById('deliveryslot').value;
        var unitimeslot = document.getElementById('unitimeslot').value;
        var deliverytime = document.getElementById('deliverytime').value;
        document.getElementById('addpincodeform').submit();
    }
Below is my HTML code: 
<form action="addpincode" method="post" id="addpincodeform" 
      name="addpincodeform" enctype="multipart/form-data">
      <div class="floating-form">
        <div class="row">
            <div class="col-md-6 col-12 mt-4">
              <div class="floating-label">
                <input class="floating-input" type="text" name="pincode" 
                   id="pincode" placeholder=" "> 
                    <span class="highlight"></span>
                    <label>Pin Code</label>
              </div>
            </div>
            <div class="col-md-6 col-12 mt-4">
             <div class="floating-label">
                <input class="floating-input" type="text" name="city" 
                      id="city" placeholder=" "> 
                    <span class="highlight"></span>
                    <label>City</label>
              </div>
            </div>
         <div class="col-md-6 col-12 mb-4">
          <div class="row">
            <div class="col-md-6 col-12">
            <h6>Status</h6>
            </div>
            <div class="col-md-3 col-12">
             <input type="radio" name="status" id="activestatus" value="1">Active 
            </div>
            <div class="col-md-3 col-12">
            <input type="radio" name="status" id="inactivestatus" value="0"> 
                                     InActive
            </div>
            </div>
        </div>
        <div class="col-md-6 col-12 mb-2">
         <div class="row">
            <div class="col-md-6 col-12">
              <h6>Time Slot</h6>
            </div>
         <div class="col-md-3 col-12">
            <input type="radio" name="timeslot" id="multitime" value="multi" 
                onchange="selectoption('multitime')">Multi 
        </div>
        <div class="col-md-3 col-12">
          <input type="radio" name="timeslot" id="unitime" value="uni" 
                    onchange="selectoption('unitime')">Uni
        </div>
       </div>
      </div>
      <div style="display:none;" id="multidiv">
        <div class="col-md-6 col-12 mb-2">
         <div class="row">
           <div class="col-md-6 col-12">
             <h6>Mid Night Service</h6>
            </div>
           <div class="col-md-3 col-12">
            <input type="radio" name="nightservice" id="multinightservice" 
                        value="yes">Yes 
           </div>
           <div class="col-md-3 col-12">
            <input type="radio" name="nightservice" id="uninightservice" 
                value="no">No
           </div>
         </div>
        </div>
        <div class="col-md-6 col-12 mb-2">
         <div class="floating-label">
          <input class="floating-input" type="text" name="midnightcharge" 
                  id="midnightcharge" placeholder=" "> 
           <span class="highlight"></span>
             <label>Mid Night Charge</label>
         </div>
        </div>
        <div class="col-md-6 col-12 mb-2">
          <div class="row">
            <div class="col-md-6 col-12">
              <h6>Early Morning Service</h6>
            </div>
          <div class="col-md-3 col-12">
           <input type="radio" name="morningservice" id="activeservice" 
                  value="yes">Yes 
          </div>
         <div class="col-md-3 col-12">
          <input type="radio" name="morningservice" id="inactiveservice" 
               value="no"> No
         </div>
        </div>
       </div>
    <div class="col-md-6 col-12 mb-2">
      <div class="floating-label">
        <input class="floating-input" type="text" name="earlymorningcharge" 
            id="morningcharge" placeholder=" "> 
          <span class="highlight"></span>
          <label>Early Morning Charge</label>
      </div>
    </div>
       <div class="col-md-6 col-12 mb-2">
         <div class="row">
           <div class="col-md-6 col-12">
             <h6>Fixed Time Service</h6>
            </div>
        <div class="col-md-3 col-12">
        <input type="radio" name="fixedtimeservice" id="afixedtimeservice" 
                 value="yes">Yes &nbsp;&nbsp;&nbsp;
        </div>
        <div class="col-md-3 col-12">
         <input type="radio" name="fixedtimeservice" id="inacfixedtimeservice" 
               value="no"> No
        </div>
       </div>
      </div>
        <div class="col-md-6 col-12 mb-2">
            <div class="floating-label">
              <input class="floating-input" type="text" name="fixedcharge" 
                  id="fixedcharge" placeholder=" "> 
               <span class="highlight"></span>
            <label>Fixed Charge</label>
            </div>
         </div>
        <div class="col-md-6 col-12">
          <div class="floating-label">
            <input class="floating-input" type="text" name="deliverycharge" 
                           id="deliverycharge" placeholder=" "> 
            <span class="highlight"></span>
            <label>Standard Delivery Charge</label>
          </div>
         </div>                                                     
        <div style="display:none;" id="unidiv">
          <div class="col-md-6 col-12">
            <div class="floating-label">
             <input class="floating-input" type="text" name="unitimeslot" 
                  id="unitimeslot" placeholder=" "> 
              <span class="highlight"></span>
                <label>Uni Time Slot</label>
            </div>
        </div>
    </div>
     <div class="col-md-6 col-12">
        <div class="floating-label">
         <input class="floating-input" type="text" name="deliverytime" 
                      id="deliverytime" placeholder=" "> 
            <span class="highlight"></span>
             <label>Last Delivery Time</label>
        </div>
    </div>
    <div class="col-12 mt-4">
      <button type="button" class="btn btn-outline-danger px-5" 
          onclick="setpincode()">Save</button>
    </div>
   </div>
  </div>
</form>

功能选择选项（id）{
如果（id='multitime'）{
document.getElementById（'multidiv'）.style.display='contents'；
document.getElementById（'unidiv'）.style.display='none'；
}否则{
document.getElementById（'unidiv'）.style.display='contents'；
document.getElementById（'multidiv'）.style.display='none'；
}      
}
下面的代码是提交表单的所有数据并发送给springboot的控制器。
函数setpincode（）{
var pincode=document.getElementById（'pincode'）。值；
var deliverycityid=document.getElementById（'deliverycityid'）。值；
var status=“”；
if（document.getElementById（'activestatus'）。选中）{
状态=document.getElementById（'activestatus'）。值；
}否则{
状态=document.getElementById（'inactivestatus'）。值；
}
var时隙=”；
if（document.getElementById（'multitime'）。选中）{
timeslot=document.getElementById（'multitime'）。值；
}否则{
timeslot=document.getElementById（'unitime'）.value；
}
var nightservice=“”；
if（document.getElementById（'multinightservice'）。选中）{
nightservice=document.getElementById（'multinightservice'）。值；
}否则{
nightservice=document.getElementById（'uninightservice'）。值；
}
var midnight charge=document.getElementById（'midnight charge'）.value；
var morningservice=“”；
if（document.getElementById（'activeservice'）。选中）{
morningservice=document.getElementById（'activeservice'）。值；
}否则{
morningservice=document.getElementById（'inactiveservice'）。值；
}
var earlymorningcharge=document.getElementById（'morningcharge'）.value；
var fixedtimeservice=“”；
if（document.getElementById（'afixedtimeservice'）。选中）{
fixedtimeservice=document.getElementById（'afixedtimeservice'）。值；
}否则{
fixedtimeservice=document.getElementById（'InFixedTimeService'）。值；
}
var fixedcharge=document.getElementById（'fixedcharge'）。值；
var fixedtimeslot=document.getElementById（'fixedtimeslot'）。值；
var deliverycharge=document.getElementById（'deliverycharge'）。值；
var deliveryslot=document.getElementById（'deliveryslot'）.value；
var unitimeslot=document.getElementById（'unitimeslot'）.value；
var deliverytime=document.getElementById（'deliverytime'）.value；
document.getElementById（'addpincodeform'）.submit（）；
}
下面是我的HTML代码：
Pin码
城市
地位
活跃的
不活跃的
时隙
多个
统一
午夜服务
对
不
午夜收费
早班服务
对
不
早班收费
定时服务
对
不
固定费用
标准送货费
单时隙
最后交货时间
拯救

显示html代码我已经更新了我的查询。您好，您解决了吗？是的，我已经解决了。