2

これのサンプルコードはありますか? グループ名「性別」の 2 つのラジオ ボタン。ユーザーが何も選択しない場合、「1 つ選択してください」というメッセージが表示されます。テキストボックスとドロップダウンリストを使用していくつかのカスタム検証を行いましたが、ラジオボタンで立ち往生しました。

4

2 に答える 2

1 
$("form").submit(function(e){

    e.preventDefault();

    if($(this).find("input[name=Gender]:checked").length === 0){
        alert('Gender not selected.');
    }

});

選択したラジオ グループの val() を使用して、未定義か値かを確認することもできます。jsfiddle: http://jsfiddle.net/jh8p3/

asp.net でのクライアント側の検証

<asp:RadioButtonList ID="Gender" runat="server">
    <asp:ListItem Text="Male" Value="Male" />
    <asp:ListItem Text="Female" Value="Female" />
</asp:RadioButtonList>

<asp:Button ID="Button1"
    Text="Validate"
    runat="server" OnClientClick="return validate();" />
<script>
    function validate() {
        if (checkGender()) {
            return true;
        }
        return false;
    }
    function checkGender() {
        var selectedGenderRB = document.querySelector('#<%=Gender.ClientID%> input:checked');
        if (selectedGenderRB) {
            return true;
        } else {
            alert('gender not selected.');
            return false;
        }
    }
</script>
于 2013-08-31T03:08:15.053 に答える
0

リトルフィドルはどうですか

http://jsfiddle.net/bTf2R/

$('input[type=radio]').change(function(){
    $('p').text('Thanks');
    
});
于 2013-08-31T03:10:10.530 に答える