获取 checkbox 和 radio 选定的值，以及设默认值

来源：互联网发布：kindle保护套推荐知乎编辑：程序博客网时间：2024/05/01 13:17

上述代码 实现了，获取 checkbox 和 radio 选定的值，以及根据值 显示表单默认已经选择的值<p></p>window.onload=function(){var condition = document.getElementById("conditiontext").value;var radioObject = document.getElementsByName("condition");    if(condition === "")    {        radioObject[0].checked = true;    }    for (var i = 0; i < radioObject.length; i++)    {        if(radioObject[i].value == condition)        {            radioObject[i].checked = true;            break;        }            } var groupcodes = document.getElementById("groupcodetext").value;   var checkboxObject=document.getElementsByName("groupcode");   if(groupcode === "")    {        checkboxObject[0].checked = true;    }    for (var i = 0; i < radioObject.length; i++)    {        if(groupcodes.indexOf(checkboxObject[i].value)!=-1)        {            checkboxObject[i].checked = true;        }            }}   function goPage(id) {var pageNum = document.getElementById("pageNum").value;var condition = document.getElementById("conditiontext").value;var groupcodes = document.getElementById("groupcodetext").value;location.href="url?id="+id+"&pageNum=" + pageNum+"&groupcode=" + groupcodes+"&condition="+condition;} function onChangeGroupcode(id) {var checkboxVal=document.getElementsByName("groupcode");var str="";      for(var i=0;i<checkboxVal.length;i++)      {         if(checkboxVal[i].checked==true){            str+="'"+checkboxVal[i].value+"',";         }         }         if(str.endsWith(","))         {         str = str.substring(0,str.length-1);         }                 var condition = document.getElementById("conditiontext").value;location.href="<span style="font-family: Arial, Helvetica, sans-serif;">url</span><span style="font-family: Arial, Helvetica, sans-serif;">?id="+id+"&groupcode=" + str+"&condition="+condition;</span>} function onChangeCondition(id) {var condition = "";var checkboxVal=document.getElementsByName("condition");      for(var i=0;i<checkboxVal.length;i++)      {         if(checkboxVal[i].checked==true){            condition=checkboxVal[i].value;            break;         }         }if(condition==""){condition="AllPartner";}var groupcode = document.getElementById("groupcodetext").value;location.href="url?id="+id+"&groupcode=" + groupcode+"&condition="+condition;}

</pre><pre name="code" class="html">

</pre><pre name="code" class="html"><tr><td>  用户所在的组：<input type='checkbox' name="groupcode" id="groupcode" onchange="onChangeGroupcode('<%=id%>')" value="Partner" checked disabled/>A<input type='checkbox' name="groupcode" id="groupcode" onchange="onChangeGroupcode('<%=id%>')" value="Employee"/>B<input type='checkbox' name="groupcode" id="groupcode" onchange="onChangeGroupcode('<%=id%>')"  value="Member"/>C<input type="hidden" name="groupcodetext" id="groupcodetext" value="<%=groupcodes %>" /></td><td align="right"><input type='radio' name="condition" id="condition" onchange='onChangeCondition("<%=id%>")'  value="AllPartner" checked/>全部User<input type='radio' name="condition" id="condition" onchange='onChangeCondition("<%=id%>")'  value="UnusedPartner"/>未使用User<input type='radio' name="condition" id="condition" onchange='onChangeCondition("<%=id%>")'  value="UsedPartner"/>已使用User<input type="hidden" name="conditiontext" id="conditiontext" value="<%=condition %>" /></td></tr>

上述代码实现了，获取 checkbox 和 radio 选定的值，以及根据值显示表单默认已经选择的值

0 0