radioButton的选择

需求是这样：有两个单选按钮，比如说，“是”和“否” 在单选按钮下方有个文本域  若选择“是” 则下方的文本域变为不可填写的灰色   现在需要实现的是如果点击“否”，则必须在下方的文本框中填写内容 然后才能提交  要是不填内容 则在点击提交的时候弹出对话框提示信息：请填写内容！！！ 该如何实现 

解决方案 »

  1.   


    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>Insert title here</title>
    <script type="text/javascript">
    function testIt(objVal){
    if(objVal=='yes'){
    document.getElementById("ttt").disabled=true;
    }else if(objVal=='no'){
    document.getElementById("ttt").disabled=false;
    }
    }
    function submitIt(){
    var yesno = document.getElementsByName("yesno");
    var ttt = document.getElementById("ttt");
    var val = "";
    for(var i=0;i<yesno.length;i++){
    if(yesno[i].checked){
    val = yesno[i].value;
    break;
    }
    }
    if(val=='no'&&(ttt.value==null||ttt.value=="")){
    alert("请输入内容");
    return false;
    }
    }
    </script>
    </head>
    <body>
    <input type="radio" name="yesno" value="yes" onclick="testIt(this.value);"/>是
    <input type="radio" name="yesno" value="no" onclick="testIt(this.value);"/>否
    <input type="text" id="ttt" value=""/>
    <input type="button" id="btn" value="提交" onclick="return submitIt();"/>
    </body>
    </html>