so i am trying to make dynamic checkboxs that will show/hide certain content when clicked. I have this but cannot get it to work properly:
<html>
<head>
<title>Checkbox Event Handler</title>
<style type="text/css">
#myGroup {visibility:hidden}
</style>
<script type="text/javascript">
function toggle(chkbox, group) {
var visSetting = (chkbox.checked) ? "visible" : "hidden";
document.getElementById(group).style.visibility = visSetting;
}
function swap(radBtn, group) {
var modemsVisSetting = (group == "modems") ? ((radBtn.checked) ? "" : "none") : "none";
document.getElementById("modems").style.display = modemsVisSetting;
}
</script>
<?php require_once("/var/www/html/exercise/Task/functions.php"); ?>
</head>
<body>
<?php
$seqA[]="AAAAAAAAAAAAAAAAAAAAAAAAAAAAABBBBBBBBBBBBBBBBB";
$seqA[]="BBBBBBBBBBBBBBBBBBBBBBBBBBCCCCCCCCCCCCCCCCCCDDDDDDDDDD0";
$seqA[]="CCCCCCCCCCCCCCCCCCCCCCCCCCDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDD";
?>
<form>
<?php
$i=o;
foreach($seqA as $seq){
?>
<input type="checkbox" name="monitor"onclick="toggle(this, 'myGroup')" />show results
<span id="myGroup">
<?php
$score=rawtransform(950);
$truecol= getcolor($score,220);
colorSequence($seq,5/*hit*/,$truecol,4);
}
?>
</span>
</form>
</body>
</html>
it opens the first string in $seqA normally and works fine however the second checkbox is within the first string ? Im sure ive done something very stupid, but im new to programming. Anyone help please ?
The problem I see is that in each foreach
loop iteration you add element span
with the same id
attribute. Set unique IDs, change your JavaScript toggle
function to address specified span
and it will work.
我对PHP不太熟悉,但是似乎您生成了多个具有相同ID的span
元素,这将导致document.getElementById
以无法预测的方式起作用。
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.