这个想法是遍历所有输入字段,当$(this)
有无线电类型时,检查它是否被选中,是否保存它的值。
我知道还有其他方法可以获取所选单选按钮的值,但我已经通过所有输入并做类似的事情。
我试图检查所选的属性,$(this).attr('selected')
但没有任何运气......而且我不知道该怎么做。
谢谢
这个想法是遍历所有输入字段,当$(this)
有无线电类型时,检查它是否被选中,是否保存它的值。
我知道还有其他方法可以获取所选单选按钮的值,但我已经通过所有输入并做类似的事情。
我试图检查所选的属性,$(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
}
});