关于单选框与按钮(急/急/急)

L@_@K
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title> new document </title>
    <meta name="generator" content="editplus" />
    <meta name="author" content="Gao YiXiang" />
    <meta name="email" content="[email protected]" />
    <meta name="keywords" content="javascript dhtml dom" />
    <meta name="description" content="I love web development." />
</head>
<body>
    <input type="radio" name="typeGroup" id="radType01" value="type01" /><label for="radType01">Type 01</label>
    <input type="radio" name="typeGroup" id="radType02" value="type02" /><label for="radType02">Type 02</label>
    <input type="radio" name="typeGroup" id="radType03" value="type03" /><label for="radType03">Type 03</label><br />
    <input type="button" id="btnNext" value="Next" />
<script type="text/javascript">
<!--
btnNext.onclick=function()
{
    var rads = document.getElementsByName("typeGroup");
    var selectedValue = "";
    for (var i=0; i<rads.length; i++)
    {
        if (rads[i].checked)
        {
            selectedValue = rads[i].value;
            break;
        }
    }
    if (selectedValue == "")
    {
        alert("Please select one type!");
    }
    else
    {
        alert("You select " + selectedValue);
    }
};
//-->
</script>
</body>
</html>

解决方案 »

  1.   

    再发一个符合需求滴，哈
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title> new document </title>
        <meta name="generator" content="editplus" />
        <meta name="author" content="Gao YiXiang" />
        <meta name="email" content="[email protected]" />
        <meta name="keywords" content="javascript dhtml dom" />
        <meta name="description" content="I love web development." />
    </head>
    <body>
        <input type="radio" name="typeGroup" id="radType01" value="type01" /><label for="radType01">Type 01</label>
        <input type="radio" name="typeGroup" id="radType02" value="type02" /><label for="radType02">Type 02</label>
        <input type="radio" name="typeGroup" id="radType03" value="type03" /><label for="radType03">Type 03</label><br />
        <input type="button" id="btnNext" value="Next" />
    <script type="text/javascript">
    <!--
    var rads = document.getElementsByName("typeGroup");
    var selectedValue = "";
    for (var i=0; i<rads.length; i++)
    {
        rads[i].onclick = function()
        {
            btnNext.disabled = false;
        };    if (rads[i].checked)
        {
            selectedValue = rads[i].value;
            break;
        }
    }
    if (selectedValue == "")
    {
        btnNext.disabled = true;
    }
    //-->
    </script>
    </body>
    </html>
      

  2.   

    <input type="radio" name="typeGroup" value="type01" onclick="submit.disabled = false;"/>Type 01
    <input type="radio" name="typeGroup" value="type02" onclick="submit.disabled = false;"/>Type 02<input type="submit" id="submit" value="submit" disabled />
      

  3.   


    <head>
        <title> new document </title>
    </head>
    <body>
        <input type="radio" name="typeGroup" id="radType01" value="type01" onclick="document.getElementById('btnNext').disabled=false;" /><label for="radType01">Type 01</label>
        <input type="radio" name="typeGroup" id="radType02" value="type02" onclick="document.getElementById('btnNext').disabled=false;" /><label for="radType02">Type 02</label>
        <input type="radio" name="typeGroup" id="radType03" value="type03" onclick="document.getElementById('btnNext').disabled=false;" /><label for="radType03">Type 03</label><br />
        <input type="button" id="btnNext" value="Next"  disabled>
    </body>
    </html>
      

  4.   

    晕了。我不知道要怎么结贴啊。。　csdn新手
    大虾快教教我，TKS