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