想radio选中后，想弹出提示。帮忙看下为何实现不了!


<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title><SCRIPT src="js/Calendar.js" type=text/javascript>window.onload=function(){
$('test').onclick=function(){
        var temp_test=$('test').value;
     if(temp_test=="jq"){
alert("你选择的是地球");
        }else if(temp_test=="hx"){
alert("你选择的是火星");
        }
    }
}
</SCRIPT></head><body>
    <input type="radio" name="test" id="test" value="jq"/>地球&nbsp;&nbsp;&nbsp;<input type="radio" name="test" id="test" value="hx"/>火星
</body>
</html>

解决方案 »

  1.   

    var temp_test=$('test').val();
      

  2.   

    <input type="radio" name="test" value="jq"/>地球&nbsp;&nbsp;&nbsp;<input type="radio" name="test" value="hx"/>火星 </body> </html>
    //id 不能重复出现 jquery代码相当多错误
    <script type="text/javascript">
        $(function () {
            $("input[name='test']").click(function(){
                var temp_test=$("input[name='test']:checked").val();
                if(temp_test=="jq"){
                    alert("你选择的是地球");
                }else{
                    alert("你选择的是火星");
                }
            });
        });
    </script>
      

  3.   

    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>无标题文档</title><SCRIPT src="js/Calendar.js" type="text/javascript"></SCRIPT><SCRIPT type="text/javascript">window.onload=function(){
    var tests = document.getElementsByName('test');
    for(var i=0,len=tests.length;i<len;i++){
    var test = tests[i];
    test.onclick = function(){

    var temp_test = this.value;
    if(temp_test=="jq"){
    alert("你选择的是地球");
    }else if(temp_test=="hx"){
    alert("你选择的是火星");
    }
    }
    }
    }
    </SCRIPT>
    </head><body>
        <input type="radio" name="test" id="test1" value="jq"/>地球&nbsp;&nbsp;&nbsp;<input type="radio" name="test" id="test2" value="hx"/>火星
    </body>
    </html>1. <SCRIPT src="js/Calendar.js" type="text/javascript"></SCRIPT>
    如果引用了js那么<SCRIPT>标签体内就不能在写JS了2. <input type="radio" name="test" id="test1" value="jq"/>地球&nbsp;&nbsp;&nbsp;<input type="radio" name="test" id="test2" value="hx"/>火星
    ID要唯一,name可以一样3. 如果要用jquery
    $('input[name=test]').click(function(){
    var temp_test = this.value;
            if(temp_test=="jq"){
                alert("你选择的是地球");
            }else if(temp_test=="hx"){
                alert("你选择的是火星");
            }
    });
      

  4.   

    window.onload=function(){
        $("input[name='test']").click(function(){
                var temp_test=$(this).val();
                if(temp_test=="jq"){
                    alert("你选择的是地球");
                }else if(temp_test=="hx"){
                  alert("你选择的是火星");
                 }
            });
    }
      

  5.   

    window.onload=function(){
    document.onchange = function(){
    var post_input = document.getElementsByTagName('input');
    for(var i=0;i<post_input.length;i++){
    if(post_input[i].name == "test"){
    if(post_input[i].checked){
    if(post_input[i].value == "jq"){
    alert("地球");
    }else if(post_input[i].value == "hx"){
    alert("火星");
    }
    }
    }
    }
    }
    }
    ...
      

  6.   

    $(":radio[name='test']").click(function(){
        if($(this).val()=="jq"){
            alert("你选择的是地球");
        }else if($(this).val()=="hx"){
            alert("你选择的是火星");
        }
    })Lz，你别把jQuery和原生的语法搞混掉呀
      

  7.   

    使用楼上的代码怎么还是没有用哇！<head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312"/>
    <title>无标题文档</title>
    <script type="text/javascript"> 
    $(":radio[name='test']").click(function(){
        if($(this).val()=="jq"){
            alert("你选择的是地球");
        }else if($(this).val()=="hx"){
            alert("你选择的是火星");
        }
    })
    </script>
    </head><body>
    <form>
        <input type="radio" name="test" id="test" value="jq"/>地球
        <input type="radio" name="test" id="test" value="hx"/>火星
    </form>
    </body>
    </html>
      

  8.   

    你想在DOM加载完成就生效，你应该
    $(function(){
        $(":radio[name='test']").click(function(){
            if($(this).val()=="jq"){
                alert("你选择的是地球");
            }else if($(this).val()=="hx"){
                alert("你选择的是火星");
            }
        })
    })
      

  9.   

    你什么理解力？
    1.ID不能重复出现
    2.ID要唯一
    这两个意思怎么会是相反？以上这么多代码，你不会写难道还不会测试，是真是假还分辨不出？
      

  10.   


    这需要jQuery框架的支持。而且用click事件做这个效果并不理想。如果我用焦点定位并选中radio，那么会出现什么效果呢？
      

  11.   

    是不是还有别的js框架导致js冲突了？
      

  12.   

    $('test')取出来的不应该是<test>标签中的东西？你可以把两个radio都设成class=test 然后用$<".test">取值试试 不晓得行不行。
      

  13.   

    菜鸟刚试做了一下：（大家多指教）谢谢！！
     <script type="text/javascript">
     function checkradio()
     {
     var getradio=document.getElementsByName("radioname");
     for (var i=0;i<getradio.length;i++)
     {
     if(getradio[i].checked)
     {
     alert("我是地球");
     break;
     }else
     {
     alert("我是火星");
     break;
     }
     }
     }
     </script>
     </head> <body>
      <input type="radio" id="radio" name="radioname" onclick="checkradio()"/>地球
      <input type="radio" id="radio" name="radioname" onclick="checkradio()"/>火星
     </body>
    </html>
      

  14.   

    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312"/>、
    《在这儿导入jquery函数库***.js文件》
    <title>无标题文档</title>
    <script type="text/javascript"> 
    $(":radio[name='test']").focus(function(){
       
            alert($("input[name='test']:checked").val());
       
    })
    </script>
     
     
     
     
    </head>
     
    <body>
    <form>
        <input type="radio" name="test" id="test" value="jq"/>地球
        <input type="radio" name="test" id="test" value="hx"/>火星
    </form>
    </body>
    </html>