jquery获取type=radio值

我的问题是：页面上有一组radio，如何在点击任意一个radio的时候就能获取这个radio对应的value？就是点击的同时触发一个函数或什么去获取它的值。
下面这种，只能点击后了再去调用这代码才有用
$("input[name='publish']").each(function(){
if($(this).attr("checked")==true){
$(this).val();
}
})

解决方案 »

  1.   

    $("input[name='publish']).click(function(){
        alert($(this).val());
    });
      

  2.   

    我的意思是：页面一个文本框，下面有一些radio的选项，我点击一个选项，文本框那里就会显示这个radio的值
      

  3.   

    二楼的试过，不知道为什么没反应，具体如下：
    JS代码：<script type="text/javascript">
    function getMasBookCatalogs(){
    $("input[name='publish']").click(function(){
       alert($(this).val());
    });

    </script>页面：<tbody id="MasBookCatalogs" >
        <tr>
        <td><input type=radio name="publish"  value="人民教育出版社">人民教育出版社 </td>
        <td><input type=radio name="publish"  value="北京师范大学出版社">北京师范大学出版社 </td>
        <td><input type=radio name="publish"  value=""> </td>
        </tr>
        <tr>
        <td><input type=radio name="grade" >一年级 </td>
        <td><input type=radio name="grade" >二年级 </td>
        <td><input type=radio name="grade" > </td>
        </tr>
        <tr>
        <td><input type=radio name="subject" >语文</td>
        <td><input type=radio name="subject" >数学 </td>
        <td><input type=radio name="subject" > </td>
        </tr>
        </tbody>   
      

  4.   


    <html>
    <head>
    <title>JavaScript Loan Calculator</title>
    <script src="jquery-1.4.2.min.js"></script>
    <script type="text/javascript">
    $(function(){
    $("input[name=r]").click(function(){
    var v = $(this).val();
    //alert(v);
    $("#show").val(v);
    })
    })
    </script>
    </head><body>
    <input type="text" id="show"><br>
    <input type="radio" value="1" name="r">1
    <input type="radio" value="2" name="r">2
    <input type="radio" value="3" name="r">3
    <input type="radio" value="4" name="r">4
    </body>
    </html>
      

  5.   

    楼主这样就可以了，以后要实现什么功能，说一下就ok了。呵呵。那些点不出来值的，是因为没有value那个属性。
    <body>
        <input type="text" id="txtName" />
        <tbody id="MasBookCatalogs">
            <tr>
                <td>
                    <input type="radio" name="publish" value="人民教育出版社">人民教育出版社
                </td>
                <td>
                    <input type="radio" name="publish" value="北京师范大学出版社">北京师范大学出版社
                </td>
                <td>
                    <input type="radio" name="publish" value="">
                </td>
            </tr>
            <tr>
                <td>
                    <input type="radio" name="grade">一年级
                </td>
                <td>
                    <input type="radio" name="grade">二年级
                </td>
                <td>
                    <input type="radio" name="grade">
                </td>
            </tr>
        </tbody>
    </body>
    </html>
    <script>
        $(function () {
            //跟所有的单选框添加点击事件
            $("input[type='radio']").bind("click", function () {
                //如果选中
                if (this.checked == true) {
                    //把值赋给文本框
                    $("#txtName").val(this.value);
                }
            });
        });
    </script>