-2

大人と子供のBMIを計算するHTMLページを作ろうとしています

大人用か子供用か、ユーザーに計算の種類を選択してもらいたい

ラジオボタンを使用していますが、新しいページを開きたくありません..ユーザーがボタンをチェックした場合

彼が大人のラジオボタンをチェックしたときにそれが欲しい.入力テキストフィールドが2つのラジオボタンの下に表示される..気が変わったら子供のラジオボタンをチェックする...別の入力テキストフィールドが表示される大人のものの代わりに

私のリクエストが明確かどうかわかりません..そう願っています

誰かがそれを作る方法を教えてくれたらいいのに

実際、Googleで検索できませんでした。そこに何を書けばいいのかわからないためです...非常に初心者です: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>

JSFiddleでテストしましたが、機能しません。誰かがhttp://jsfiddle.net/7eKP6/を説明できますか？

于 2012-05-11T21:36:49.017 に答える
1

ここにあなたの問題を正確に解決するわけではないが、それを行う方法のアイデアを与えるリンクがあります。

于 2012-05-11T21:45:52.260 に答える