Question

以下是我的javascript代码

id

我有一个iframe标签，其id =＆＃34; plc＆＃34;在我的HTML代码中包含上面的js代码。我想要的是只能同时选择一个复选框。

但不行。

Answer 1

嗨，我想我知道你的问题。当您尝试在Iframe中添加代码时，主页面的文档就不会对他产生影响，因此您必须直接将所有脚本代码手动添加到文件中。我使它工作，但真的很难阅读，不是很可扩展，我不知道为什么你需要做这样的事情，但如果你能找到另一种方式，但使用Iframe将节省一些未来的问题。无论如何这里是代码：

var script   = document.createElement("script");
script.type  = "text/javascript";
script.text  = 'function checkTypeTc0(type) {       if(type == "no" && document.getElementById("idTc0Yes").checked) {       document.getElementById("idTc0Yes").checked=false;  } else if(type == "yes" && document.getElementById("idTc0No").checked) {    document.getElementById("idTc0No").checked=false;   }}';

iframe.contentWindow.document.body.appendChild（脚本）;

这里的HTML代码我必须在JS代码中添加一些id，我们不能使用JQuery符号

var text  = '<input id="idTc0Yes" type="checkbox" name="tc0" onclick=checkTypeTc0("yes")>Yes<input id="idTc0No" type="checkbox" name="tc0" onclick=checkTypeTc0("no")>N0<br/><br/><br/><br/><input type="checkbox" name="tc1">Yes<input type="checkbox" name="tc1">No <button id="ruben">eo</button>';  
var doc = document.getElementById('pltc').contentWindow.document;
doc.open();
doc.write(text);
doc.close();

请告诉我这是否适合您的问题

如何只允许在iframe窗口中选中一个复选框？

1 个答案: