iframeウィンドウのチェックボックスを1つだけ選択する方法はありますか？以下

Question

は、私は私のhtmlコードのid = "PLC" のiframeタグを持っており、JSコードの上に含める私の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); 
}); 

です。 私がしたいのは、同時に1つのチェックボックスしか選択できないようにすることです。

しかし、動作しません。

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（script）;ここで

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(); 

が私を知ってみましょう私たちはjQueryの表記を使用しカントJSコードに限り、いくつかのIDのを追加する必要がありましたHTMLコードこのスーツあなたの問題