無法從單選按鈕上刪除禁用屬性單擊另一個單選按鈕

我有一個表中除了每行中的第一個單選按鈕之外，所有單選按鈕都被禁用。我想如果有人點擊第一個單選按鈕，那麼旁邊的所有單選按鈕都可以選擇。下面是我的代碼，但它沒有反應良好。無法從單選按鈕上刪除禁用屬性單擊另一個單選按鈕

<html> 
<head> 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
<script> 
$(document).ready(function() { 
    $('tr td').not(':nth-child(2)').find('input[type=radio]').prop('disabled',true); 
    $('tr td'):find('input[type=radio]').change(function(){ 
     $(this).parent().nextAll().find('input[type=radio]').removeAttr('disabled'); 
    }); 
}); 
</script> 
</head> 
<body> 
<input type='radio' id='Q6x1_8'>Click<p> 
<table border='1'> 

<tr> 
<td>Test1</td> 
<td><input type="radio"></td> 
<td><input type="radio"></td> 
<td><input type="radio"></td> 
<td><input type="radio"></td> 
<td><input type="radio"></td> 
<td><input type="radio"></td> 
<td><input type="radio"></td> 
</tr> 

<tr> 
<td>Test2</td> 
<td><input type="radio"></td> 
<td><input type="radio"></td> 
<td><input type="radio"></td> 
<td><input type="radio"></td> 
<td><input type="radio"></td> 
<td><input type="radio"></td> 
<td><input type="radio"></td> 
</tr> 

<tr> 
<td>Test3</td> 
<td><input type="radio"></td> 
<td><input type="radio"></td> 
<td><input type="radio"></td> 
<td><input type="radio"></td> 
<td><input type="radio"></td> 
<td><input type="radio"></td> 
<td><input type="radio"></td> 
</tr> 

<tr> 
<td>Test4</td> 
<td><input type="radio"></td> 
<td><input type="radio"></td> 
<td><input type="radio"></td> 
<td><input type="radio"></td> 
<td><input type="radio"></td> 
<td><input type="radio"></td> 
<td><input type="radio"></td> 
</tr> 

<tr> 
<td>Test5</td> 
<td><input type="radio"></td> 
<td><input type="radio"></td> 
<td><input type="radio"></td> 
<td><input type="radio"></td> 
<td><input type="radio"></td> 
<td><input type="radio"></td> 
<td><input type="radio"></td> 
</tr> 

<tr> 
<td>Test6</td> 
<td><input type="radio"></td> 
<td><input type="radio"></td> 
<td><input type="radio"></td> 
<td><input type="radio"></td> 
<td><input type="radio"></td> 
<td><input type="radio"></td> 
<td><input type="radio"></td> 
</tr> 

</table> 
</body> 
</html>

來源

2014-07-25 Vaibhav

使用瀏覽器控制檯來看待錯誤！修復你的語法和代碼工作 – charlietfl

你有類型錯誤：找到（）jQuery的二線

//not :find() 
$('tr td'):find('input[type=radio]').change(function(){ 
    $(this).parent().nextAll().find('input[type=radio]').removeAttr('disabled'); 
}); 

// .find() 
$('tr td').find('input[type=radio]').change(function(){ 
    $(this).parent().nextAll().find('input[type=radio]').removeAttr('disabled'); 
});

來源

2014-07-25 14:05:55 neno

語法錯誤，對不起，夥計們..謝謝你的幫助:) – Vaibhav

我可以在你的代碼

查找錯誤，如果它不是錯字然後

`$('tr td'):find('input[type=radio]')`

替換

$('tr td').find('input[type=radio]')

工作小提琴 http://jsfiddle.net/5ZAJk/

來源

2014-07-25 14:08:15

你是什麼意思'引用Jquery是Missing'？ – charlietfl

哦，我沒有注意到谷歌託管圖書館 –

無法從單選按鈕上刪除禁用屬性單擊另一個單選按鈕

回答

相關問題