javascript - 脚本适用于 jsfiddle 但不适用于我的网页 jquery

标签 javascript jquery this jsfiddle

在 @Joseph 的帮助下,我成功创建了这个脚本,它在 jsfiddle 上的工作方式完全按照我想要的方式工作。但是,当我在网页上使用完全相同的脚本时,它不会执行任何操作,它会忽略 if 和 else 内的脚本,并且像普通单选按钮一样工作。我没有收到任何错误消息,我正在使用:

http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js 
http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.js

我唯一能想到的是使用“this”不起作用?我该如何解决这个问题?

我的脚本可以在以下位置找到:
http://jsfiddle.net/pJgyu/15013/

jQuery(document).ready(function ()
{
    $("input[type='radio']").click(function(){
    var $knapp = $(this).val();      

    if(($knapp=='1c') || ($knapp=='2c')|| ($knapp=='3c')) {
        this.checked = true;  
    }else{
        $("input[type='radio']."+this.className).not($(this)).each(function(){
            this.checked = false;
        });
    }
});
});

<table>   
<tr> 
<td>1</td> 
<td><input type="radio" class="ljudkalla_1" name="ljudkalla_1" value="1a"></td> 
<td><input type="radio" class="ljudkalla_2" name="ljudkalla_1" value="1b"></td> 
<td><input type="radio" class="ljudkalla_3" name="ljudkalla_1" value="1c"></td> 
</tr>
<tr> 
<td>2</td> 
<td><input type="radio" class="ljudkalla_1" name="ljudkalla_2" value="2a"></td> 
<td><input type="radio" class="ljudkalla_2" name="ljudkalla_2" value="2b"></td> 
<td><input type="radio" class="ljudkalla_3" name="ljudkalla_2" value="2c"></td> 
</tr>
<tr> 
<td>3</td> 
<td><input type="radio" class="ljudkalla_1" name="ljudkalla_3" value="3a"></td> 
<td><input type="radio" class="ljudkalla_2" name="ljudkalla_3" value="3b"></td> 
<td><input type="radio" class="ljudkalla_3" name="ljudkalla_3" value="3c"></td> 
</tr>
</table>

最佳答案

您两次包含 jQuery。一是minified版本,由 min.js 表示。您只需要这些库之一。我建议使用缩小版本以节省带宽。

关于javascript - 脚本适用于 jsfiddle 但不适用于我的网页 jquery,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7075461/

相关文章:

javascript - blast.js 示例在代码笔上完美运行,但在本地运行不佳

c++ - 在对象中使用或不使用 'this'

javascript - 通过多个函数运行一个值 (Javascript)

javascript - 在 JSDoc 中记录开放式参数函数的正确方法

javascript - 如何将一个数组映射到另一个具有不同值的数组(angularJs)

javascript - 这是在我的项目中获取字母表的好方法吗?

c# - Javascript window.location 在 MVC3 中不起作用

javascript - 自定义滚动效果在 safari 和 firefox 中不起作用,但在 chrome 中完美工作?

java - 构造函数中的 this 引用

JavaScript array.prototype 如何将 'this' 设置为方法获取的新数组