2

次のラジオボタングループ（IDType）のいずれかが選択されているかどうかを検証し、ラジオボタンが選択されていない場合に（ValidationError）部門でエラーメッセージを表示するためのjavascript関数の開発にご協力ください。

<td>
<div>
<span>
<input type="radio" name="IDType" id="IDType" value="IDtype1"/>
ID Type 1
<input type="radio" name="IDType" id="IDType" value="IDtype2"/>
ID Type 2
</span>
<div id="ValidationError" name="ValidationError">
&nbsp;
</div>
</div>
</td>

ご協力いただきありがとうございます.....

4

2 に答える 2

9

まず第一に、私の同僚が言ったように、両方のラジオボタンに同じID（ "IDType"）を持つことはできません。

これは、jqueryを使用せずにjavascriptのみを使用したソリューションです。

<html>
<head>
<script type="text/javascript">
function Validate() {
    var radios = document.getElementsByName('IDType')

    for (var i = 0; i < radios.length; i++) {
        if (radios[i].checked) {
        alert("Selected Value = " + radios[i].value);
        return true; // checked
    }
    };

    // not checked, show error
    document.getElementById('ValidationError').innerHTML = 'Error!!!';
    return false;
}
</script>
</head>
<body>
<form>
<div>
<span>
<input type="radio" name="IDType" value="IDtype1"/>
ID Type 1
<input type="radio" name="IDType" value="IDtype2"/>
ID Type 2
</span>
<div id="ValidationError" name="ValidationError">
</div>
</div>
<input type="submit" value="Submit" onclick="return Validate();" />
</form>
</body>
</html>
于 2011-02-12T10:25:06.063 に答える
2 
function validateRadioButtons(){ 
    var radio = $('input:radio[name="IDType"]:checked');
    if(radio.length == 0)//no buttons selected
       {
           $('ValidationError').text("you haven't selected any buttons!");
           return;
       }
    $('ValidationError').text(radio.val()+' is selected');
}

ps：これが機能するためには、dom要素に一意のIDを使用することを検討する必要があります。両方のラジオボタンに同じID（ "IDType"）を使用することはできません。

于 2011-02-12T08:17:30.807 に答える