アイデアは、すべての入力フィールドを$(this)
調べて、無線タイプがある場合、それが選択されているかどうか、値が保存されているかどうかを確認することです。
選択したラジオボタンの値を取得する方法は他にもあることは知っていますが、Imはすでにすべての入力を実行し、同様のことを行っています。
運が悪かったのですが、選択した属性を確認しようとしましたが$(this).attr('selected')
、どうすればよいかわかりません。
ありがとう
アイデアは、すべての入力フィールドを$(this)
調べて、無線タイプがある場合、それが選択されているかどうか、値が保存されているかどうかを確認することです。
選択したラジオボタンの値を取得する方法は他にもあることは知っていますが、Imはすでにすべての入力を実行し、同様のことを行っています。
運が悪かったのですが、選択した属性を確認しようとしましたが$(this).attr('selected')
、どうすればよいかわかりません。
ありがとう
次のことを試すことができます。
$(this).is(':radio:checked');
ラジオボタンには、を使用する必要がありますchecked
。
$(this).prop('checked')
ここで、上記のクエリの完全なビンを作成しました。以下のデモリンクを確認してください。
デモ: http ://codebins.com/bin/4ldqp76
HTML
<div id="panel">
<input type="button" id="btn1" value="Check Selected" />
<p>
<input type="checkbox" value="Checkbox 1"/>
Checkbox1
<br/>
<input type="checkbox" value="Checkbox 2"/>
Checkbox2
<br/>
<input type="checkbox" value="Checkbox 3"/>
Checkbox3
<br/>
<input type="checkbox" value="Checkbox 4"/>
Checkbox4
<br/>
<input type="checkbox" value="Checkbox 5"/>
Checkbox5
</p>
<p>
<input type="radio" name="rd" value="Radio 1"/>
Radio-1
<br/>
<input type="radio" name="rd" value="Radio 2"/>
Radio-2
<br/>
<input type="radio" name="rd" value="Radio 3"/>
Radio-3
<br/>
<input type="radio" name="rd" value="Radio 4"/>
Radio-4
<br/>
<input type="radio" name="rd" value="Radio 5"/>
Radio-5
</p>
</div>
jQuery
$(function() {
$("#btn1").click(function() {
var SelChk = "Selected Checkbox Values: ";
var SelRad = "Selected Radio Value:";
$("input").each(function() {
if ($(this).is(":checkbox:checked")) {
SelChk += $(this).val().trim() + ", ";
}
if ($(this).is(":radio:checked")) {
SelRad += $(this).val().trim();
}
});
if (SelChk.substr(-2) == ", ") SelChk = SelChk.substr(0, SelChk.length - 2);
alert(SelChk + "\n" + SelRad);
});
});
ラジオボタンの選択を確認するには、次のようにします。
.prop('checked');
$('input').each(function() {
if( this.type == 'radio' ) {
console.log( $(this).prop('checked') ); // or, this.checked
// or, $(this).is(':checked')
}
});
$("input[type='radio']).each(function(){
if($(this).is(":checked")){
// perform your operation
}
});