<form name="test" action="">
<input type="checkbox" name="c1" value="c1" onClick="chk_click(this)" checked>是<br>
<input type="radio" name="r1" value="是" checked>是 
<input type="radio" name="r1" value="否">否<br>
<input type="checkbox" name="c2" value="c2" onClick="chk_click(this)" checked>是<br>
<input type="radio" name="r2" value="是" checked>是 
<input type="radio" name="r2" value="否">否<br>
<input type="checkbox" name="c3" value="c3" onClick="chk_click(this)" checked>是<br>
<input type="radio" name="r3" value="是" checked>是 
<input type="radio" name="r3" value="否">否<br>
<br><input type="button" value="提交" onClick="doSubmit()">
</form><script>
function chk_click(el){
var bVal=!el.checked;
if (el.name=="c1"){
document.all.r1[0].disabled=bVal;
document.all.r1[1].disabled=bVal;
}else if (el.name=="c2"){
document.all.r2[0].disabled=bVal;
document.all.r2[1].disabled=bVal;
}else if (el.name=="c3"){
document.all.r3[0].disabled=bVal;
document.all.r3[1].disabled=bVal;
}
}
function doSubmit(){
var str1="";
var str2="";
if (document.all.c1.checked==true){
if (str1==""){
str1 += "r1";
str2 += (document.all.r1[0].checked)?"是":"否";
}else{
str1 += ",r1";
str2 += (document.all.r1[0].checked)?",是":",否";
}
}
if (document.all.c2.checked==true){
if (str1==""){
str1 += "r2";
str2 += (document.all.r2[0].checked)?"是":"否";
}else{
str1 += ",r2";
str2 += (document.all.r2[0].checked)?",是":",否";
}
}
if (document.all.c3.checked==true){
if (str1==""){
str1 += "r3";
str2 += (document.all.r3[0].checked)?",是":",否";
}else{
str1 += ",r3";
str2 += (document.all.r3[0].checked)?",是":",否";
}
}
alert(str1);
alert(str2)
}
</script>

解决方案 »

  1.   

    <script language="JavaScript">
    <!--
    function chkClk(src){
    var rdos=document.getElementsByName("r"+src.name.charAt(1));
    var bChk=src.checked
    rdos[0].disabled = !bChk;
    rdos[1].disabled = !bChk;
    rdos[0].click();
    }
    function doSub(){
    var checkboxlist =new Array();
    var radiolist    =new Array();
    for(var i=1;i<4;i++){
    if(document.getElementsByName("c"+i)[0].checked==true){
    checkboxlist[checkboxlist.length]="r"+i;
    var rdo=document.getElementsByName("r"+i);
    radiolist[radiolist.length]=rdo[0].checked?"是":"否";
    }
    }
    if(radiolist.length>0){
    //把值赋给两个hidden对象
    alert(checkboxlist.join(","));
    alert(radiolist.join(","));
    }
    //form.submit();
    }
    //-->
    </script>
    <form name="test" action="">
    <table border="1">
    <tr>
    <td><input type="checkbox" name="c1" value="c1" onclick="chkClk(this);">是
    <input type="radio" name="r1" value="是" disabled>是 <input type="radio" name="r1" value="否" disabled>否
    </td></tr>
    <tr>
    <td><input type="checkbox" name="c2" value="c2" onclick="chkClk(this);">是
    <input type="radio" name="r2" value="是" disabled>是 <input type="radio" name="r2" value="否" disabled>否
    </td></tr>
    <tr>
    <td><input type="checkbox" name="c3" value="c3" onclick="chkClk(this);">是
    <input type="radio" name="r3" value="是" disabled>是 <input type="radio" name="r3" value="否" disabled>否
    </td></tr>
    <tr>
    <tr><td>
    </table>
    <input type="button" onclick="doSub()" value="提交"></td></tr></form>