JQuery自定義圖像從複選框到收音機

我正在使用下面的代碼來製作一個自定義複選框和我自己的圖像，它可以工作，但它使用複選框，我需要使用單選按鈕。JQuery自定義圖像從複選框到收音機

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script> 
<script> 
$(document).ready(function(){ 

$("#moreinfo").change(function() { 
    if(this.checked) { 
     $(this).prev().attr("src", "checkbox_unchecked.gif"); 
    } else { 
     $(this).prev().attr("src", "checkbox_checked.gif"); 
    } 
}); 

}); 

</script>

下一頁......這裏的HTML：

<label for="moreinfo"> 
    <img src="checkbox_unchecked.gif"/> 
    <input name="moreinfo" type="checkbox" id="moreinfo" style="display:none"> 
</label>

如果從複選框更改爲無線電類型或不jQuery的需求變化太快的問題？

我該如何解決這個問題？

來源

2012-01-11 Satch3000

您沒有添加HTML。 – Jeffrey 2012-01-11 13:49:27

更改type="checkbox"到type="radio"（和添加一些更多的單選按鈕進行測試，通過name屬性將它們分組，他們可能不具有相同的id的ID是唯一的！）。然後，您還需要處理替換圖像的點擊事件。但實際上，這超出了你原來的問題，你可以通過簡單的嘗試解決。 ;）

來源

2012-01-11 13:56:29 Connum

單選按鈕也使用選中的屬性。所以你可以在不改變腳本的情況下切換元素（可能是gif）。但是您的腳本永遠不會運行，因爲您的複選框/單選按鈕不會顯示。所以你需要一些功能來改變點擊圖像時的狀態。

來源

2012-01-11 13:58:47

JQuery自定義圖像從複選框到收音機

回答

相關問題