2013-01-08 4 views
-2

checkbox.checked가 작동하지 않는 것 같습니다. onclick() 기반의 이미지를 변경하는 스크립트가 있지만 체크 박스가 있는지 여부에 따라 변경하고 싶습니다. 확인했는지 여부. 내가 도대체 ​​뭘 잘못하고있는 겁니까? 누군가가이 ADRESS 할 수 있습니다 또한 경우 체크 박스는 여기 checkbox.checked 작업에 문제가 있습니다.

IE8

에서 확인하지 않는 것은 라이브 링크입니다 : http://jsbin.com/uburan/1/edit

코드 :

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

    if(checkbox.checked) 
    { 
     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> 
+4

"체크 박스"자동으로 양식에 매여있어 일부 마법의 변수가되지 않습니다 :

if(document.getElementById('interest1').checked) { // blah } 

당신은 그들이 모두 확인하고 있는지 확인하려면

. DOM에서 정의해야합니다. –

+2

var checkbox = document.getElementById ("interest1") – TryingToImprove

답변

2

당신은의 ID를 지정해야 체크 박스 (또는 DOM 내부의 참조). 이런 식으로 뭔가 :

if(document.getElementById('interest1').checked && 
    document.getElementById('interest2').checked && 
    document.getElementById('interest3').checked) { 

    // blah 

} 
+0

감사합니다! 제 질문은 분명한 것처럼 보일 수 있습니다. 불행히도 Javsscript는 제 최고의 언어가 아니며, ie8에서 작동하지 않는 이유에 대해 어떻게 생각하십니까? – Nick

+0

실시간 링크가있어 볼 수 있습니까? – BenM

+0

http://jsbin.com/uburan/1/edit – Nick

관련 문제