jQuery的單選框驗證

<asp:RadioButton Text="Male" value="M" ID="rbM" runat="server" GroupName="g" /> 
    <asp:RadioButton Text="Female" value="F" ID="rbF" runat="server" GroupName="g" /> 
    <asp:Button Text="Submit" runat="server" ID="btn" />

這裏是我的JS：jQuery的單選框驗證

$(document).ready(function() { 

      $("#<%=btn.ClientID%>").click(function() { 

       if ($("input[id='rbM']").is(":checked") == true) { 
       alert($(this).next('label').text()); 

       } 
       else if ($("input[id='rbF']").is(":checked") == true) { 

       } 
       else { 
        alert("Please select an option!"); 
       } 
      }); 

     });

這是一個簡單的單選按鈕的驗證。如何在前兩個條件中獲取文本？如果我在第一個條件中獲取未定義的條件？

來源

2013-07-30 Pearl

你想把文字放在哪裏？ – Barmar

您不應該使用像「文本」這樣的自定義屬性。使用數據集屬性'data-text'。 – Barmar

熱得到這裏的文字，你是什麼意思。 – Rex

類似的東西

$(document).ready(function() { 
    $("#<%=btn.ClientID%>").click(function() { 
     if ($("input[id='rbM']").is(":checked") == true) { 
      console.log($("input[id='rbm']").attr('Text')) 
     } 
     else if ($("input[id='rbF']").is(":checked") == true) { 
      console.log($("input[id='rbF']").attr('Text')) 
     } 
     else { 
      alert("Please select an option!"); 
     } 
    }); 
});

來源

2013-07-30 08:52:54 Pumpkinpro

試試這個

$(document).ready(function() { 

    $("#<%=btn.ClientID%>").click(function() { 

     if ($("input[id='rbM']").is(":checked") == true) { 

      alert($("input[id='rbM']").val()); 
     } 
     else if ($("input[id='rbF']").is(":checked") == true) { 
      alert($("input[id='rbF']").val()); 
     } 
     else { 
      alert("Please select an option!"); 
     } 
    }); 

});

來源

2013-07-30 08:54:07 Amit

嘗試以下

if ($("#rbM").is(":checked")) { // return true/false 
} 
else if ($("#rbF").is(":checked")) { 
} 
else { 
    alert("Please select an option!"); 
}

來源

2013-07-30 08:54:34 Praveen

$(document).ready(function() { 

      $("#<%=btn.ClientID%>").click(function() { 

       if ($("input[id='rbM']").is(":checked") == true) { 

        console.log($('#rbm').text()); 
       } 
       else if ($("input[id='rbF']").is(":checked") == true) { 
        console.log($("#rbF").text()) 
       } 
       else { 
        alert("Please select an option!"); 
       } 
      }); 

     });

來源

2013-07-30 08:57:19 user2119324

您可以通過直接獲取選中複選框這樣多一點簡化它：

$('#btn').click(function(){ 
    var checkedValue = $('input[name="g"]:checked').val(); 
    if (checkedValue) { 
     // ...process value 
    } else { 
     // Please select an option! 
    } 
});

工作FIDDLE。

來源

2013-07-30 09:02:16

jQuery的單選框驗證

回答

相關問題