html - 如何创建对应于嵌入链接的复选框
问题描述
帮我创建带有嵌入式链接的复选框
一切
<body style="text-align: left;">
<h1>Select which delimiter you want to use.</h1>
<big>Select either TSV or CSV: </big><br>
<input type="checkbox" name="acs" value="CSV">CSV<br>
<input type="checkbox" name="acs" value="TSV">TSV<br>
<p>
<input type="button" onclick='printChecked()' value="Print Selected Items" /input>
</p>
</body>
它打印没有附加链接的复选框。
解决方案
以下代码包含您要查找的内容
function printChecked(){
var checkboxes = document.getElementsByName("acs");
var list = document.getElementById("chckValues");
list.innerHTML = "";
for(var i=0;i<checkboxes.length;i++){
if(checkboxes[i].checked == true){
var listentry = document.createElement('li');
var link = document.createElement('a');
link.href = '#' + checkboxes[i].id
link.appendChild(document.createTextNode(checkboxes[i].value));
listentry.appendChild(link);
list.appendChild(listentry);
}
}
}
<h1>Select which delimiter you want to use.</h1>
<big>Select either TSV or CSV: </big><br>
<input type="checkbox" id="acs1" name="acs" value="CSV">CSV<br>
<input type="checkbox" id="acs2" name="acs" value="TSV">TSV<br>
<p>
<input type="button" onclick='printChecked()' value="Print Selected Items" /input>
</p>
<ol id="chckValues"></ol>
推荐阅读
- html - 圆桌 bootsrap-italia
- nginx - 如何通过负载均衡器从客户端上的摄取服务器触发 nginx-rtmp 请求请求 .m3u8 视频
- c# - 使用状态拦截带有第三方扩展的 HttpClient
- swift - 施加力后如何获取当前的 SCNnode 位置
- javascript - 如何在javascript中的所需时间停止录音机
- c++ - 没有函数模板“ThreadPool::enqueue”的实例与参数列表匹配——参数类型为:(void *(*)(void *Arg), void *)
- javascript - 如何在下拉列表中仅显示多个项目中的一个项目
- apache-spark - 火花需要很长时间才能在 HDFS 上读取压缩的 json
- python - Sphinx 在虚拟环境中没有使用正确的 Python 版本
- istio - 如何在 Istio 中压缩统计端点?