复选框单击事件处理程序和显示/隐藏功能
Checkbox onclick Event Handler and show/hide function
所以我正在尝试制作动态复选框,单击时将显示/隐藏某些内容。 我有这个,但无法让它正常工作:
<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>
它正常打开第一个字符串$seqA并且工作正常,但是第二个复选框在第一个字符串中?我确定我做了一些非常愚蠢的事情,但我是编程新手。请问有人帮忙吗?
我看到的问题是,在每个foreach
循环迭代中,您都添加了具有相同id
属性的元素span
。设置唯一 ID,更改您的 JavaScript toggle
函数以解决指定的span
,它将起作用。
我对 PHP 不是很熟悉,但似乎您生成了具有相同 ID 的多个span
元素,这会导致document.getElementById
以不可预测的方式运行。
相关文章:
- jQuery插件与其他基本的显示/隐藏功能冲突
- 如何分解jQuery"toggle”;函数转换为separate“;显示“;以及“;隐藏“;功能
- 显示/隐藏功能
- Javascript显示和隐藏功能
- 如何使 Dreamweaver AP Div 显示/隐藏功能在 IE9 中工作
- 设备就绪隐藏功能
- 我的显示/隐藏功能代码出了什么问题
- 复选框单击事件处理程序和显示/隐藏功能
- Jquery点击,显示和隐藏功能
- 使显示隐藏功能正常工作的问题
- Js 显示和隐藏功能
- JQuery显示隐藏与无序列表:需要添加动态文本/隐藏功能
- 通过显示/隐藏功能显示多个DIV的表单验证
- 使用jquery显示/隐藏功能更新url
- jquery's显示/隐藏功能工作
- 增强当前Javascript的显示和隐藏功能
- 为什么我的隐藏功能不能在点击时工作?
- 使用jquery的显示/隐藏功能
- 显示/隐藏功能不适用于克隆功能
- 在rails应用程序中使用javascript实现显示/隐藏功能