ラジオ ボタン用に記述された HTML とラジオ ボタン用のテキストに応じて、さまざまな方法でこれを行うことができます。
方法 1 : 表示されるテキストと同じテキストを持つカスタム データ属性をラジオ ボタンに割り当てます。
<input id="radio4" name="radios1" type="radio" value="4" data-value="radio 4" /> radio 4
<input id="radio5" name="radios1" type="radio" value="4" data-value="radio 5"/> radio 5
<input id="radio6" name="radios1" type="radio" value="4" data-value="radio 6"/> radio 6
<input type="button" id="btn" value="Get from data-value" />
カスタム データ属性の詳細については、カスタム データ- * 属性を参照してください。
テキストを取得するためのスクリプト:
$(document).on("click", "#btn", function () {
var value = $("input[name=radios1]:checked").attr("data-value");
alert(value);
});
方法 2 : すべてのラジオ ボタンに同じ [name] プロパティを割り当てるようにラジオ ボタンの html を変換し、ラジオ ボタンの「ラベル」フィールドを次のように配置します。
<input id="radio1" name="radios" type="radio"/>
<label for="radio1"> radio 1</label>
<input id="radio2" name="radios" type="radio"/>
<label for="radio2"> radio 2</label>
<input id="radio3" name="radios" type="radio"/>
<label for="radio3"> radio 3</label>
<input type="button" id="btn1" value="Get from Label" />
テキストを取得するためのスクリプト:
$(document).on("click", "#btn1", function () {
var idVal = $('input[name=radios]:checked').attr("id");
$("label[for='"+idVal+"']").text();
//If you have the radio button in HTML table structure write it as below
$('input[name=radios]:checked').parent().find('label').text();
}
お役に立てれば :)