P要素を入力値にコピーして1つだけを選択

Question

名前の繰り返しとその他の名前を選択できません。問題はどこですか？ また、選択肢を1つの名前にするにはどうすればよいですか？

 

 
function copyTextValue(bf) { 
 
if(bf.checked) 
 
var text1 = document.getElementById("names").innerHTML; 
 
else 
 
text1=''; 
 
document.getElementById("Name2").value = text1; 
 
document.getElementById("Name3").value=text1; 
 
}

<b>Names</b><hr/> 
 
    
 

 
<input type="checkbox" name="check1" onchange="copyTextValue(this);"/><p id='names'>James</p> 
 
<input type="checkbox" name="check1" onchange="copyTextValue(this);"/><p id='names'>Emre</p> 
 
<input type="checkbox" name="check1" onchange="copyTextValue(this);"/><p id='names'>Kate</p> 
 
<input type="checkbox" name="check1" onchange="copyTextValue(this);"/><p id='names'>Berkay</p> 
 

 
<hr/><b>Form</b><hr/> 
 
<input id="Name2"> 
 
<input id="Name3">

https://jsfiddle.net/emresaracoglu/LL5ukynq/

Answer 1

それは動作しませんので、あなたは、同じIDを持つid属性を使用していました。 idを別の値で設定し、関数に渡す必要があります。

function copyTextValue(bf,selector) { 
 
if(bf.checked) 
 
var text1 = document.getElementById(selector).innerHTML; 
 
else 
 
text1=''; 
 
document.getElementById("Name2").value = text1; 
 
document.getElementById("Name3").value=text1; 
 
}

<b>Names</b><hr/> 
 
    
 

 
<input type="radio" name="check1" onchange="copyTextValue(this,'names1');"/><p id='names1'>James</p> 
 
<input type="radio" name="check1" onchange="copyTextValue(this,'names2');"/><p id='names2'>Emre</p> 
 
<input type="radio" name="check1" onchange="copyTextValue(this,'names3');"/><p id='names3'>Kate</p> 
 
<input type="radio" name="check1" onchange="copyTextValue(this,'names4');"/><p id='names4'>Berkay</p> 
 

 
<hr/><b>Form</b><hr/> 
 
<input id="Name2"> 
 
<input id="Name3">