Question

我试图制作一个计算成人和儿童BMI的HTML页面

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

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

我在检查e.x时想要它。成人单选按钮输入文本字段出现在两个单选按钮下..如果我改变主意然后检查子单选按钮...出现另一个输入文本字段而不是成人单词那个

我不知道我的要求是否清楚......我希望如此

我希望有人帮助我如何制作

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

所以，如果答案是一个阅读有关的链接..我将接受^ _ ^

问候

Answer 1

你可以用jQuery做到这一点。您应该隐藏两个输入字段，如果用户检查了radiobutton，则淡化相应的输入。

<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>

现在已经在JSFiddle上测试了它，但是没有用。有人可以解释http://jsfiddle.net/7eKP6/吗？

Answer 2

这是一个link它不能完全解决您的问题，但会告诉您如何做到这一点。

检查单选按钮

2 个答案: