Question

<script src="http://www.google.com/jsapi"></script>
<script>
    google.load("jquery", "1.4.0");
</script>
<script type="text/javascript">
    $(function() 
    {    
        $('input[type=button]').click(function () 
        {
            var txtbox = $('#buttoncheck1').attr('name');
            var var_name = $("input[name='radio1']:checked").val();
            $('#btn_get').val(var_name);
        });
    });
</script>
<html>
    <body>
    <?php 

        for($i = 0; $i < 2; $i++)
        {
            echo "

            <div id = 'div1' name = 'div1'>
            <input type='radio' value='Blue' name='radio1'>Blue</input>
            <input type='radio' value='White' name='radio1'>White</input>
            <input type='radio' value='Red' name='radio1'>Red</input>
            <input id='buttoncheck1' type='button' name='btn' value='Click'></input>
            <br />
            <input type='text' id='btn_get' name='get_btn_value'></input>
            </div>

            ";
        }


    ?>        
    </body>
</html>

我可以清楚地获得此代码中单选按钮的所有值，但是我已经解决了近3天的唯一问题是我无法在其他文本框中显示该值。所有单选按钮组中的所有值仅显示在循环生成的第一个文本框中。请帮我。谢谢！

Answer 1

id值应始终是唯一的。您可以将重复的id更改为class值并执行以下操作：

$('input[type=button]').click(function () 
{
    var $parent = $(this).parent();
    var var_name = $parent.find("input[name='radio1']:checked").val();
    $parent.find('.btn_get').val(var_name);
});

在不同的文本框上显示单选按钮值

1 个答案: