在@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>