Javascript jQuery循环每个单选按钮不工作
很简单,这些微小的东西会杀了我Javascript jQuery循环每个单选按钮不工作,javascript,jquery,Javascript,Jquery,很简单,这些微小的东西会杀了我 jQuery(function () { if (jQuery('#recover input[name="s"]').is(':checked')) { alert("Checked"); } else { alert("Please select an Rec
jQuery(function ()
{
if (jQuery('#recover input[name="s"]').is(':checked'))
{
alert("Checked"); }
else
{
alert("Please select an Record");
}
});`
我试着循环每个单选按钮
$('#recover input:radio:checked').each(function() {
alert("checked");
});
jQuery(function ()
{
if (jQuery('#recover input[name="s"]').is(':checked'))
{
alert("Checked"); }
else
{
alert("Please select an Record");
}
});`
或
jQuery(function ()
{
if (jQuery('#recover input[name="s"]').is(':checked'))
{
alert("Checked"); }
else
{
alert("Please select an Record");
}
});`
或
jQuery(function ()
{
if (jQuery('#recover input[name="s"]').is(':checked'))
{
alert("Checked"); }
else
{
alert("Please select an Record");
}
});`
HTML:
<div id="recover">
<input type="radio" name="s">
<input type="radio" name="s">
<input type="radio" name="s">
</div>
jQuery(function ()
{
if (jQuery('#recover input[name="s"]').is(':checked'))
{
alert("Checked"); }
else
{
alert("Please select an Record");
}
});`
还尝试:
<div id="recover">
<form>
<input type="radio" name="s">
<input type="radio" name="s">
<input type="radio" name="s">
</form>
</div>
jQuery(function ()
{
if (jQuery('#recover input[name="s"]').is(':checked'))
{
alert("Checked"); }
else
{
alert("Please select an Record");
}
});`
以及:
jQuery(function ()
{
if (jQuery('#recover input[name="s"]').is(':checked'))
{
alert("Checked"); }
else
{
alert("Please select an Record");
}
});`
还有更多的HTML组合
jQuery(function ()
{
if (jQuery('#recover input[name="s"]').is(':checked'))
{
alert("Checked"); }
else
{
alert("Please select an Record");
}
});`
并且尝试了更像jQuery/Javascript的其他5个示例,none工作,我不知道为什么
jQuery(function ()
{
if (jQuery('#recover input[name="s"]').is(':checked'))
{
alert("Checked"); }
else
{
alert("Please select an Record");
}
});`
请提供任何帮助,谢谢。请使用$(this.prop('checked')
而不是$(this.attr('checked')
jQuery(function ()
{
if (jQuery('#recover input[name="s"]').is(':checked'))
{
alert("Checked"); }
else
{
alert("Please select an Record");
}
});`
jQuery(function ()
{
if (jQuery('#recover input[name="s"]').is(':checked'))
{
alert("Checked"); }
else
{
alert("Please select an Record");
}
});`
jQuery(function ()
{
if (jQuery('#recover input[name="s"]').is(':checked'))
{
alert("Checked"); }
else
{
alert("Please select an Record");
}
});`
然而,要记住的关于的最重要的概念是
属性表示它与选中的属性不对应。这个
属性实际上对应于defaultChecked属性和
应仅用于设置复选框的初始值。这个
选中的属性值不随对象的状态而更改
复选框,而已选中的属性则不会因此
确定是否选中复选框的跨浏览器兼容方式是
要使用属性:
if ( elem.checked )
if ( $( elem ).prop( "checked" ) )
if ( $( elem ).is( ":checked" ) )
jQuery(function ()
{
if (jQuery('#recover input[name="s"]').is(':checked'))
{
alert("Checked"); }
else
{
alert("Please select an Record");
}
});`
其他动态属性也是如此,例如选定的和
值
jQuery(function ()
{
if (jQuery('#recover input[name="s"]').is(':checked'))
{
alert("Checked"); }
else
{
alert("Please select an Record");
}
});`
使用$(this.prop('checked')
代替$(this.attr('checked')
jQuery(function ()
{
if (jQuery('#recover input[name="s"]').is(':checked'))
{
alert("Checked"); }
else
{
alert("Please select an Record");
}
});`
jQuery(function ()
{
if (jQuery('#recover input[name="s"]').is(':checked'))
{
alert("Checked"); }
else
{
alert("Please select an Record");
}
});`
jQuery(function ()
{
if (jQuery('#recover input[name="s"]').is(':checked'))
{
alert("Checked"); }
else
{
alert("Please select an Record");
}
});`
然而,要记住的关于的最重要的概念是
属性表示它与选中的属性不对应。这个
属性实际上对应于defaultChecked属性和
应仅用于设置复选框的初始值。这个
选中的属性值不随对象的状态而更改
复选框,而已选中的属性则不会因此
确定是否选中复选框的跨浏览器兼容方式是
要使用属性:
if ( elem.checked )
if ( $( elem ).prop( "checked" ) )
if ( $( elem ).is( ":checked" ) )
jQuery(function ()
{
if (jQuery('#recover input[name="s"]').is(':checked'))
{
alert("Checked"); }
else
{
alert("Please select an Record");
}
});`
其他动态属性也是如此,例如选定的和
值
jQuery(function ()
{
if (jQuery('#recover input[name="s"]').is(':checked'))
{
alert("Checked"); }
else
{
alert("Please select an Record");
}
});`
使用
因为它给出的是真是假
jQuery(function ()
{
if (jQuery('#recover input[name="s"]').is(':checked'))
{
alert("Checked"); }
else
{
alert("Please select an Record");
}
});`
和
jQuery(function ()
{
if (jQuery('#recover input[name="s"]').is(':checked'))
{
alert("Checked"); }
else
{
alert("Please select an Record");
}
});`
提供属性名称,如“已选中”或“未选中”,因此无法在条件中使用
$('#recovery input[type=radio]').each(function(){
if($(this).prop('checked')){
alert ("check");
}
});
jQuery(function ()
{
if (jQuery('#recover input[name="s"]').is(':checked'))
{
alert("Checked"); }
else
{
alert("Please select an Record");
}
});`
参考使用
jQuery(function ()
{
if (jQuery('#recover input[name="s"]').is(':checked'))
{
alert("Checked"); }
else
{
alert("Please select an Record");
}
});`
因为它给出的是真是假
jQuery(function ()
{
if (jQuery('#recover input[name="s"]').is(':checked'))
{
alert("Checked"); }
else
{
alert("Please select an Record");
}
});`
和
jQuery(function ()
{
if (jQuery('#recover input[name="s"]').is(':checked'))
{
alert("Checked"); }
else
{
alert("Please select an Record");
}
});`
提供属性名称,如“已选中”或“未选中”,因此无法在条件中使用
$('#recovery input[type=radio]').each(function(){
if($(this).prop('checked')){
alert ("check");
}
});
jQuery(function ()
{
if (jQuery('#recover input[name="s"]').is(':checked'))
{
alert("Checked"); }
else
{
alert("Please select an Record");
}
});`
reference您可以直接从dom引用访问选中的属性
$('#recover input[type=radio]').each(function () {
if (this.checked) { // or $(this).is(':checked')
alert("check");
}
});
jQuery(function ()
{
if (jQuery('#recover input[name="s"]').is(':checked'))
{
alert("Checked"); }
else
{
alert("Please select an Record");
}
});`
如果只希望处理选中的项目,请使用选择器
jQuery(function ()
{
if (jQuery('#recover input[name="s"]').is(':checked'))
{
alert("Checked"); }
else
{
alert("Please select an Record");
}
});`
演示:您可以直接从dom引用访问checked属性
$('#recover input[type=radio]').each(function () {
if (this.checked) { // or $(this).is(':checked')
alert("check");
}
});
jQuery(function ()
{
if (jQuery('#recover input[name="s"]').is(':checked'))
{
alert("Checked"); }
else
{
alert("Please select an Record");
}
});`
如果只希望处理选中的项目,请使用选择器
jQuery(function ()
{
if (jQuery('#recover input[name="s"]').is(':checked'))
{
alert("Checked"); }
else
{
alert("Please select an Record");
}
});`
演示:试试这个
jQuery(function ()
{
if (jQuery('#recover input[name="s"]').is(':checked'))
{
alert("Checked"); }
else
{
alert("Please select an Record");
}
});`
`
jQuery(function ()
{
if (jQuery('#recover input[name="s"]').is(':checked'))
{
alert("Checked"); }
else
{
alert("Please select an Record");
}
});`
试试这个
`
jQuery(function ()
{
if (jQuery('#recover input[name="s"]').is(':checked'))
{
alert("Checked"); }
else
{
alert("Please select an Record");
}
});`
试试这个演示
jQuery(function ()
{
if (jQuery('#recover input[name="s"]').is(':checked'))
{
alert("Checked"); }
else
{
alert("Please select an Record");
}
});`
试试这个演示
jQuery(function ()
{
if (jQuery('#recover input[name="s"]').is(':checked'))
{
alert("Checked"); }
else
{
alert("Please select an Record");
}
});`
目标是什么?顺便说一句,如果id是“recover”,那么“recovery”将不起作用。
recover
和recovery
:P..希望你得到它。我需要循环每个单选按钮O.O,id没有恢复它的recovery可能是StackOverlaw问题中的拼写错误。我会修复它。$('recovery input[type=radio')。each(function(){if($(this).attr($)('checked')){alert(“check”)}; - 这个代码是正确的。看小提琴-目标是什么?顺便说一句,如果id是“recover”,那么“recovery”将不起作用。recover
和recovery
:P..希望你得到它。我需要循环每个单选按钮O.O,id没有恢复它的recovery可能是StackOverlaw问题中的拼写错误。我会修复它。$('recovery input[type=radio')。each(function(){if($(this).attr($)('checked')){alert(“check”)}; - 这个代码是正确的。看到小提琴了吗?两者都是一样的,我想我试过了,什么都没用,而且我没有发现任何错误,非常奇怪。@asdasda它确实有用。在我更新的答案中看到了小提琴。我知道,它应该可以工作。我不明白为什么它不能在我身上工作,其他函数的,jQuery,工作完美。当然它不会做任何事情。在ready
事件中,您还没有选中任何单选按钮,为什么它会用当前代码发出警报?看,我的小提琴都是一样的,我猜我试过了,什么都没用,而且我没有得到任何错误,非常奇怪。@asdasda它确实有用。在我更新的答案中看到了小提琴。我知道,它应该可以工作。我不明白为什么它不能在我身上工作,其他函数的,jQuery,工作完美。当然它不会做任何事情。在ready
事件中,您还没有选中任何单选按钮,为什么它会用当前代码发出警报?看到我的提琴我也试过了,但它不起作用,我检查我的div id是否与100次相同,我不明白为什么不起作用。@asdasda看到附加的提琴是的,我明白,没有人调用此代码,它在文档中。我也试过了,但它不起作用,我检查我的div id是否与100次相同,我不明白为什么不工作。@asdasda查看所附的fiddle是的,我明白,没有人调用此代码,它在document.ready中jquery-vesrion您使用@asdasda/js/jquery-1.9.1.min.js哪个jquery-vesrion您使用@asdasda/js/jquery-1.9.min.js