onclick（）JavaScript屬性呆在檢查框中

我有一個非常簡單的javascript程序在這裏改變了另一個圖像的圖像點擊顯示它被選中，但我似乎無法保持同步我的複選框，偶爾會脫落同步，並與我的PHP形式導致問題onclick（）JavaScript屬性呆在檢查框中

代碼：

<script type="text/javascript"> 
function func() 
{ 
    var img1= document.getElementById("img1"); 

    if(img1.name == "on") 
    { 
     img1.src = "images/" + "img1a.jpg"; 
     img1.name = "off"; 
    } 
    else 
    { 
     img1.src = "images/" + "img1.jpg"; 
     img1.name = "on"; 
    } 
} 
</script> 



</head> 

<body> 
<form> 
<p align="center"> 
<input type="checkbox" name="interest1" id="interest1" value="x"> 
<input type="checkbox" name="interest2" id="interest2" value="x"> 
<input type="checkbox" name="interest3" id="interest3" value="x"></p> 
<p align="center"> 
<label for="interest1" id="label-interest1"><img src="images/img1.jpg" width="781" height="800" onclick="func()" id="img1" /></label> 
<label for="interest2" id="label-interest2"><img src="/images/img2.jpg" width="781" height="800" /></label> 
<label for="interest3" id="label-interest3"><img src="/images/img3.jpg" width="781" height="800" /></label></P><!-- code making checkbox be an image--> 
</form>

來源

2013-01-06 Nick

而不是檢查if(img1.name == "on")的，你可以檢查相應的複選框的checkbox.checked狀態。

編輯：對於踢腿和笑聲，這裏是一個使用jQuery的jsFiddle示例。

來源

2013-01-06 23:07:48 kendsnyder

我聽說會工作，但我似乎無法找到解釋它如何工作的任何地方。任何指針？ – Nick

你是什麼意思的「它」？ checkbox.checked在選中時爲true，否則爲false。 – kendsnyder

我的意思是，我無法找到如何使用它儘可能語法，JS絕不是我的「本地」語言 – Nick

onclick（）JavaScript屬性呆在檢查框中

回答

相關問題