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

How to only allow one check box to be selected of iframe window?

本文关键字：复选框 一个 许选中 iframe 窗口      更新时间：2023-09-26

下面是我的javascript代码

var iframe = document.getElementById('pltc');
iframe.contentWindow.document.open('text/htmlreplace');
iframe.contentWindow.document.write('<input type="checkbox" name="tc0">Yes<input type="checkbox" name="tc0">N0<br/><br/><br/><br/><input type="checkbox" name="tc1">Yes<input type="checkbox" name="tc1">No ');
iframe.contentWindow.document.close();
//Near checkboxes
$('#pltc input[name="tc0"]').click(function() {
    $(this).siblings('input:checkbox').prop('checked', false);
});

我的html代码中有一个iframe标签，id="plc"，并包含上面的js代码。我想要的是同时只能选择一个复选框。

但不起作用。

你好，我想我知道你的问题。当你试图在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.docent.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();

让我知道这是否适合您的问题

相关文章：