如何通过JS判断radio button


<html> <!--folder/*{{{*/-->
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<link href="style.css" rel="stylesheet" type="text/css">
<script type="text/javascript">
</script>
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" style="text-align:center">
<table width="100%"> 
<tr>
   <td align="center">
<table width="780px" border="0" cellspacing="0" cellpadding="0">
<tr><td colspan="2"><table border="0" cellspacing="0" cellpadding="0"></table></td></tr>
<tr>
<td colspan="2" valign="middle" bgcolor="#FFFFFF">
<form name="form_routinelist" method="post" enctype="multipart/form-data" action="test.html"> 
<table border="0" cellspacing="0" cellpadding="0"  width="780px">
<tr>
<td valign="middle" style="width:3%;">&nbsp;</td>  <!--padding-->
<td valign="top" align="left" style="width:380px"> <!--HtmlList-->
<table border="0" cellspacing="0" cellpadding="0" width="350px" class="form_table">
<tr><td class="name"> <strong class="green-text">HTML List</strong></td></tr>
<tr>
<td><DIV id=div_html_radio_group>
<input type="radio" name="html_radio" value="val_blank" id="id_html_blank" checked>Blank</input><br>
<input type="radio" name="html_radio" value="plu1.html" >1.html<br>
</DIV>
</td>
</tr>
</table><br>
</td>
   
   <td valign="top" align="left" style="width:380px"> <!--MovieList-->
<table border="0" cellspacing="0" cellpadding="0" width=370px class="form_table">
<tr><td class="name"> <strong class="green-text"> Movie List</strong></td></tr>
<tr>
<td>
<input type="radio" name="movie_radio" value="val_blank" id="id_movie_blank" checked>Blank</input><br>
<input type="radio" name="movie_radio" value="Video_Interview_AVI.avi" >1.avi</input><br>
</td>
</tr>
</table><br>
   </td>
</tr> 

<tr> 
<td></td>
<td>
<input type="submit" value="Save" name="btn_save"></input>
<input type="button" value="Cancel"  ONCLICK="window.location.href='test.php'"></input></td>
</tr>
</table>
                </form>
</td>
</tr>
</table>
   </td>
</tr>
</table>
</body>
</html> <!--/*}}}*/-->
如何通过JS检查，如果用户同时选了Html - blank （radio)， Movie-blank (radio)，就弹出警告框，并返回？

解决方案 »

  1.   

    <html>
    <head>
    <title></title>
    <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
    <link href="style.css" rel="stylesheet" type="text/css">
    <script type="text/javascript">
    function checkForm(form){
    if(document.getElementById("id_html_blank").checked && document.getElementById("id_movie_blank").checked){
    alert("怎可以不做选择呢？");
    return false;
    }
    }
    </script>
    </head>
    <body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" style="text-align:center">
    <table width="100%"> 
    <tr>
       <td align="center">
            <table width="780px" border="0" cellspacing="0" cellpadding="0">
                <tr><td colspan="2"><table border="0" cellspacing="0" cellpadding="0"></table></td></tr>
                <tr>
                    <td colspan="2" valign="middle" bgcolor="#FFFFFF">
                        <form name="form_routinelist" method="post" enctype="multipart/form-data" action="test.html" onsubmit="return checkForm(this)"> 
                        <table border="0" cellspacing="0" cellpadding="0"  width="780px">
                        <tr>
                            <td valign="middle" style="width:3%;">&nbsp;</td>  <!--padding-->
                            <td valign="top" align="left" style="width:380px"> <!--HtmlList-->
                                <table border="0" cellspacing="0" cellpadding="0" width="350px" class="form_table">
                                    <tr><td class="name"> <strong class="green-text">HTML List</strong></td></tr>
                                    <tr>
                                        <td><DIV id=div_html_radio_group>
                                            <input type="radio" name="html_radio" value="val_blank" id="id_html_blank" checked>Blank</input><br>
                                            <input type="radio" name="html_radio" value="plu1.html" >1.html<br>
                                            </DIV>
                                        </td>
                                    </tr>
                                </table><br>
                            </td>
                           
                           <td valign="top" align="left" style="width:380px"> <!--MovieList-->
                                <table border="0" cellspacing="0" cellpadding="0" width=370px class="form_table">
                                    <tr><td class="name"> <strong class="green-text"> Movie List</strong></td></tr>
                                    <tr>
                                        <td>
                                            <input type="radio" name="movie_radio" value="val_blank" id="id_movie_blank" checked>Blank</input><br>
                                            <input type="radio" name="movie_radio" value="Video_Interview_AVI.avi" >1.avi</input><br>
                                        </td>
                                    </tr>
                                </table><br>
                           </td>
                        </tr> 
                        
                        <tr> 
                            <td></td>
                            <td>
                                <input type="submit" value="Save" name="btn_save"></input>
                                <input type="button" value="Cancel"  ONCLICK="window.location.href='test.php'"></input></td>
                        </tr>
                    </table>
                    </form>
                    </td>
                </tr>
        </table>
       </td>
    </tr>
    </table>
    </body>
    </html>
      

  2.   


    <script type="text/javascript">
    function checkForm(form){
        if(document.getElementById("id_html_blank").checked && document.getElementById("id_movie_blank").checked){
            alert("怎可以不做选择呢？");
            return false;
        }
    }这个我试过之前，这样每次你选择其他的，都会去取blank radio button，一直都会被alert
      

  3.   

    id_html_blank
    id_movie_blank
    这样的id不需要if(document.getElementsByName("html_radio")[0].checked &&  document.getElementsByName("movie_radio")[0].checked){  alert("警告");
    }
      

  4.   

    补充一下，是点击save的时候检查。不允许用户选择html，blank和movie，blank同时。
      

  5.   

    @kyzy_yy_pm，稍等下，我在试试看~~~似乎误会鸟·~
      

  6.   

    save的按钮最好不要submit类型 submit在js里check通过的时候去做
    另外 
    点击 id_html_blank之后
    id_movie_blank变灰是比较好的效果