2013-01-08 35 views
-2

我似乎无法得到checkbox.checked工作,我有一个脚本,更改基于onclick()的图像,但我希望它根据是否复选框更改检查与否。我究竟做错了什么?此外,如果有人也许能够ADRESS此,复选框不IE8我无法获得checkbox.checked工作

这里检查是不是活链接: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

“复选框”是不是有些神奇的变量会自动连上你的表格。您需要从DOM中定义它。 –

+2

var checkbox = document.getElementById(“interest1”) – TryingToImprove

回答

2

您必须指定的标识复选框(或其在DOM中的引用)。事情是这样的:

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

如果您要检查,如果他们所有的检查:

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