jQueryはradioが選択した文字を取得する

HTMLの例は次のとおりです.

ここではjQueryがradioで選択したテキストを取得することを直接示します.
のメソッドは、次のとおりです.

$("input[name='sex']:checked")[0].nextSibling.nodeValue;  

メソッドjQueryオブジェクトをDOMオブジェクトに変換する
その後、元のjavascriptメソッドを使用してテキストを取得します.私が友達に返信する前に、彼はradioの後にspanタグを追加することでこの問題を解決しました.

次の取得にnext()セレクタを使用します.

$("input[name='sex']:checked").next("span").text();

問題はここまでで終わったように見えますが、そうではありません.これは良いユーザー体験ではありません.良い方法はradioにforタグを追加するべきで、このようにradioテキストの“男”あるいは“女”をクリックする時もradioを選択することができて、これはユーザーに1つの小さい円をクリックさせるよりずっと簡単です.最良のHTMLタグは次のとおりです.

最後にradioが選択したテキストを取得しました.私はあなたがすでにできると信じています.以下のようにします.

$("input[name='sex']:checked").next("label").text();

このようにjQueryを使用してradioが選択したテキストを取得することに成功しました.ここでは主に最後の方法を指します.本編の内容は簡単だが、一つの道理を重点的に説明した--細部が成否を決める!