【问题标题】:jQuery not working on clicking radiobuttonjQuery无法单击单选按钮
【发布时间】:2018-04-25 23:41:11
【问题描述】:

我的代码:

$(document).ready(function(){
    alert("document ready");

    $("input[type=radio]").click(function(event){
        alert("clicked");
    });
});

但是没有显示警报...而且,在控制台上输入时:
$(document).ready(function(){ alert("document ready");}) 我收到警报!这是怎么回事?

【问题讨论】:

  • 这段代码在哪里?它在<script> 标签中吗?
  • jsFiddle 上的例子怎么样?
  • (工作)小提琴:jsfiddle.net/xnyWd
  • 您的代码可以在 jsfiddle jsfiddle.net/Lkxtv/1 上运行,所以问题可能是只有一个单选按钮还是不止一个?您使用的是哪个版本的 jquery?

标签: jquery radio-button


【解决方案1】:

尝试.change() 而不是 .click()

$(document).ready(function(){
    alert("document ready");
    $("input[type=radio]").change(function(){
        alert("clicked");
    });
});

【讨论】:

  • 谢谢,我已经找过类似的东西了,但是找不到!
  • 来自 jQuery 文档:此事件仅限于 元素、
【解决方案2】:

我找到了解决方案,它也解释了为什么它在 JSFiddle 中有效。
问题是我如何导入 jQuery:我做到了

<script type="text/javascript" src="jQuerylink" />

它必须是

<script type="text/javascript" src="jQuerylink" ></script>

我不知道为什么会这样,但现在可以了。感谢所有的努力。

【讨论】:

    【解决方案3】:
    $(function(){
    
        $("input[type='radio']").click(function(){
          alert("clicked");
        });        
    
    });​
    

    例如http://jsfiddle.net/Dw6Fp/2/

    【讨论】:

      【解决方案4】:

      根据 jQuery 选择器文档 [link],您应该用双引号将参数值括起来:

      $('input[type="radio"]').click(function(event){
      

      或

      $("input[type=\"radio\"]").click(function(event){
      

      更新: JSFiddle example

      【讨论】:

        猜你喜欢
        • 2023-03-05
        • 1970-01-01
        • 2021-10-28
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        相关资源
        最近更新 更多