單擊提交表單的單選按鈕集

Question

我有一套10 單選按鈕（例如，在1到10個評分系統中），當您自己提交評分時，您將自動提交評分。

<td> 
    <input type="radio" name="img_rating" value="1" onclick="document.goRate.submit();return false;"> 
</td> 
<td> 
    <input type="radio" name="img_rating" value="2" onclick="document.goRate.submit();return false;"> 
</td> 
<td> 
    <input type="radio" name="img_rating" value="3" onclick="document.goRate.submit();return false;"> 
</td> 
<td> 
    <input type="radio" name="img_rating" value="4" onclick="document.goRate.submit();return false;"> 
</td> 
<td> 
    <input type="radio" name="img_rating" value="5" onclick="document.goRate.submit();return false;"> 
</td> 
<td> 
    <input type="radio" name="img_rating" value="6" onclick="document.goRate.submit();return false;">    
</td> 
<td> 
    <input type="radio" name="img_rating" value="7" onclick="document.goRate.submit();return false;"> 
</td> 
<td> 
    <input type="radio" name="img_rating" value="8" onclick="document.goRate.submit();return false;"> 
</td> 
<td> 
    <input type="radio" name="img_rating" value="9" onclick="document.goRate.submit();return false;"> 
</td> 
<td> 
    <input type="radio" name="img_rating" value="10" onclick="document.goRate.submit();return false;"> 
</td> 

有沒有辦法做到這一點是需要較少的代碼的方式：這是通過以下實現的？理想情況下，有一些方法可以讓我不必包含相同的10次，但也許這是最好的方法。

在此先感謝。

Answer 1

如果你想，你可以使用jQuery。因爲比它看起來就像這樣：

<form name="gotoRate" id="gotoRate"> 
    <input type="radio" value="1" name="img_rating">1 
    <input type="radio" value="2" name="img_rating">2 
    <input type="radio" value="3" name="img_rating">3 
    <input type="radio" value="4" name="img_rating">4 
    <input type="radio" value="5" name="img_rating">5 
    <input type="radio" value="6" name="img_rating">6 
    <input type="radio" value="7" name="img_rating">7 
    <input type="radio" value="8" name="img_rating">8 
    <input type="radio" value="9" name="img_rating">9 
    <input type="radio" value="10" name="img_rating">10 
</form>​​​​​​​​​​​​​​​​​​​​​​​​ 

和jQuery的部分

$(function(){ 
    $("input:radio").change(
     function(){ 
     $("form#gotoRate").submit(); 
     } 
    ); 
});