Javascript 带有复选框和js的文本输入_Javascript_Html_Checkbox

Javascript 带有复选框和js的文本输入

javascript html checkbox

Javascript 带有复选框和js的文本输入,javascript,html,checkbox,Javascript,Html,Checkbox,我正在尝试创建一个地图，带有一个选项，可以向dif添加名称。街道。我的计划是在复选框和usemap信息中包含此功能 <form action=""> <input type="checkbox" class="check_1" id="checkbox1" onchange="visVei();"><span class="in_check_1">Gatenavn</span></input> </form> 由于我对这些

我正在尝试创建一个地图，带有一个选项，可以向dif添加名称。街道。我的计划是在复选框和usemap信息中包含此功能

<form action="">
<input type="checkbox" class="check_1" id="checkbox1" onchange="visVei();"><span class="in_check_1">Gatenavn</span></input>
</form>

由于我对这些组件如何协同工作的理解有限，我陷入了停顿，以下是我的非功能代码：

<head>
    <script>
    var checkbox1 = document.getElementById("checkbox1");
    var posting = document.getElementById("post_location");

    function visVei(){
    if (checkbox1.checked){posting="
    <map name='kartet_info' style='cursor:help'>
    <Area shape=poly coords=326, 463, 278, 103, 286, 101, 336, 464 onmouseover=writeText2('Prinsen Gate'); onmouseout=writeText2('');/></map>"
    }
    }
    </script>
</head>

<form action="">
<input type="checkbox" class="check_1" id="checkbox1" onchange="visVei();"><span class="in_check_1">Gatenavn</span></input>
</form>


var checkbox1=document.getElementById（“checkbox1”）；
var posting=document.getElementById（“post_位置”）；
函数visVei（）{
如果（checkbox1.checked）{过帐=“
"
}
}

这应该被写到：

 <span id="post_location" style="display:none;"></span>

<form action="">
<input type="checkbox" class="check_1" id="checkbox1" onchange="visVei();"><span class="in_check_1">Gatenavn</span></input>
</form>

一次

<form action="">
<input type="checkbox" class="check_1" id="checkbox1" onchange="visVei();"><span class="in_check_1">Gatenavn</span></input>
</form>


网关导航

检查过了

试试这个

<form action="">
<input type="checkbox" class="check_1" id="checkbox1" onchange="visVei();"><span class="in_check_1">Gatenavn</span></input>
</form>

<script type="text/javascript">
var checkbox1 = document.getElementById("checkbox1");
var posting = document.getElementById("post_location");

function visVei(){
    if (checkbox1.checked){
        posting.innerHTML="<map name='kartet_info' style='cursor:help'><Area shape=poly coords=326, 463, 278,103, 286, 101, 336, 464 onmouseover=writeText2('Prinsen Gate'); onmouseout=writeText2('');/></map>";
        posting.style.display = "block";
    }
}
</script>


var checkbox1=document.getElementById（“checkbox1”）；
var posting=document.getElementById（“post_位置”）；
函数visVei（）{
如果（复选框1.选中）{
posting.innerHTML=“”；
posting.style.display=“block”；
}
}

no，这仍然没有给出反馈，顺便说一句，一旦选中复选框，站点就不应该重新加载，如果这很重要的话？我看到您使用了onchange-event，请确保在单击复选框后按TAB按钮。如果您不希望将其绑定到onclick-eventO，并将脚本块移动到页面的末尾，那么现在getDocumentById可能会失败，因为DOM还没有准备好