-2

我正在尝试制作一个 HTML 页面来计算成人和儿童的 BMI

我希望用户选择成人或儿童的计算类型

使用单选按钮，但我不希望它打开一个新页面..如果用户检查任何按钮

当他检查成人单选按钮时，我想要它，输入文本字段出现在两个单选按钮下方..如果我改变主意然后检查儿童单选按钮...出现另一个输入文本字段而不是成人的那些

我不知道我的要求是否明确.. 我希望如此

我希望有人帮助我如何做到这一点

实际上我无法在谷歌中搜索它，因为我不知道我想在那里写什么......非常初学者：D

因此，如果答案是阅读该内容的链接..我会接受^_^

问候

4

2 回答 2

2

你可以用 jQuery 做到这一点。您应该隐藏两个输入字段，如果用户选中单选按钮，则相应的输入会淡入。

<div id="formdiv">
    <form>
        <label for="1">Radio 1</label><input type="radio" id="1" name="choose" />
        <label for="2">Radio 2</label><input type="radio" id="2" name="choose" />
        <input type="text" class="1" name="input1" />
        <input type="text" class="2" name="input2" />
    </form>
</div>​​​​​​​​​​​​​​​​​​​​​​​

<script type="text/javascript">
    $("input[name='choose']").change(function() {
        var inputToFadeIn = $(this).attr('id');
        $("input[type='text']:visible").animate({visibility: 'hidden'}, 500);
        $('.' + inputToFadeIn).animate({visibility: 'visible'}, 500);
    });​
</script>

<style type="text/css">
    ​input[type='text']
    {
        visibility:hidden;
    }​​
</style>

现在已经在 J​​SFiddle 上对其进行了测试，但不起作用。有人可以解释一下http://jsfiddle.net/7eKP6/吗？

于 2012-05-11T21:36:49.017 回答
1

这是一个链接，它不会完全解决您的问题，但会让您知道如何去做。

于 2012-05-11T21:45:52.260 回答