-1

既存のラジオ ボタンの応答内で yes/no の応答にテキストを追加したいのですが、その方法がわかりません。この jsFiddle http://jsfiddle.net/pjdicke/zudCf/2/の 39 行目あたりになります。

<p>Yes <input type="radio" name="another" value="anotherYes" /></p>
<p>No <input type="radio" name="another" value="anotherNo" /></p>

はい/いいえの応答に基づいてテキストを表示するには、何を追加する必要がありますか?

HTML セクションの 39 行目は、引用したコードの元です。はい/いいえの答えには、答えに基づいて2つの応答が必要です。例: Is the sky blue (いいえ) = 空が青いと思わないのはなぜですか。青色が好きではありませんか? (はい) = 青はあなたに何をしましたか? しかし、もし答えが = (いいえ) だったら、青は素晴らしい色です

4

1 に答える 1

0

私は無名関数が嫌いです。それらは場所を持つことができますが、それはほとんど怠惰なプログラミングです。

これは、理解できるように、より明確になるはずのコードです。

<!DOCTYPE html>
<html>
<head>
<script>
window.addEventListener('load', mInit, false);

function mInit()
{
    var radioBtns = document.querySelectorAll("input[type=radio]");
    var i, n = radioBtns.length;
    for (i=0; i<n; i++)
    {
        var btnGroupName = radioBtns[i].getAttribute('name');

        if (btnGroupName == 'yesNo')
            radioBtns[i].addEventListener('change', onRbGroup1Change, false);

        else if (btnGroupName == 'gender')
            radioBtns[i].addEventListener('change', onRbGroup2Change, false);
    }
}
function onRbGroup1Change()
{
    document.getElementById('radioResult').innerHTML = "Value of chosen radio button is: " + this.value;
}
function onRbGroup2Change()
{
    document.getElementById('radioResult2').innerHTML = "Gender of chosen radio button is: " + this.value;
}

</script>
<style>
</style>
</head>
<body>

<label>Yes<input type="radio" name="yesNo" value="afirmative"/></label>
<label>No<input type="radio" name="yesNo" value="negative"/></label>
<div id='radioResult'>You need to select a radio-button first!</div>

<label>Girl<input type="radio" name="gender" value="Female"/></label>
<label>Boy<input type="radio" name="gender" value="Male"/></label>
<div id='radioResult2'>You need to select a radio-button first!</div>

</body>
</html>
于 2013-06-24T18:31:54.417 に答える