Question

html中radio怎么实现下面的功能？

<input name="1" type="radio" />第一个<input></input>
<input name="2" type="radio" />第二个<input></input>
<input name="3" type="radio" />第三个<input></input>
<input name="4" type="radio" />第四个<input></input>
<input name="5" type="radio" />第五个<input></input>

问题一：
点击任何一个radio，第一次选中，再点一次就取消；
问题二：
当radio处于选中状态时，后面的input显示，否则不显示。

新手求代码，求教大神啊啊啊啊！！

Answer 1

<div style="width:230px">
        <input name="1" type="radio" onclick="Change('1')" />第一个<input id="1" name="s" style="display:none;float:right" /><br />
        <input name="1" type="radio" onclick="Change('2')" />第二个<input id="2" name="s" style="display:none;float:right" /><br />
        <input name="1" type="radio" onclick="Change('3')" />第三个<input id="3" name="s" style="display:none;float:right" /><br />
        <input name="1" type="radio" onclick="Change('4')" />第四个<input id="4" name="s" style="display:none;float:right" /><br />
        <input name="1" type="radio" onclick="Change('5')" />第五个<input id="5" name="s" style="display:none;float:right" /><br />
    </div>

<script type="text/javascript">
        function Change(obj)
        {
            var s = document.getElementsByName("s");
            for (var i = 0; i < s.length; i++)
            {
                if (s[i].id == obj)
                {
                    document.getElementById(s[i].id).style.display = "block";
                }
                else
                    document.getElementById(s[i].id).style.display = "none";
            }
            
        }
    </script>

Answer 2

首先  一组radio的name值必须是相同的  
先设置name假设为number

$("input[name='number']").toggle(function(){
    $(this).attr('checked',true).next().show();
},function(){
    $(this).removeAttr('checked').next().hide();
});

好像是这样子的哈   你试试吧

参考链接：

http://www.cnblogs.com/luxh/archive/2012/06/07/2538281.html