如何在php循环中使用getElementById

Question

我需要JavaScript只显示每个收音机旁边的选定值。我在每个用户旁边的一行中有两个无线电，我想显示为每个特定用户选择的值。问题是，当我选择一个值时，该值显示在所有用户旁边。

使用Javascript：

function displayResult(szybkosc){
    var n=value=szybkosc;
    var u=n.split("|")[1]; 
    document.getElementById('result1').innerText = ' '+u;
    document.getElementById('result2').innerText = ' '+u;
}

PHP：

$i = 1;
while($i < 3){
    $result = "result" . $i;
    echo "user number ".$i."
    input type='radio' name='szybkosc' onclick='displayResult(this.value)' value='$sp1[id]|1|$row[id]' />
    input type='radio' name='szybkosc' onclick='displayResult(this.value)' value='$sp1[id]|3|$row[id]' />span id='$result'>span>";
    $i++;
}

Answer 1

您的代码遇到了一些严重问题。你需要学习基础知识，ALOT。这里有一些改进可以帮助您走上正确的轨道。

Live demo (click)

<input type="radio" class="foo" value="one"> <!-- don't use "onclick" in your html! html can't "do" things. Javascript is going to make this work, so add clicks in javascript! -->
<p class="result"></p>
<input type="radio" class="foo" value="two">
<p class="result"></p>

var radios = document.getElementsByClassName('foo');
var results = document.getElementsByClassName('result');

for (var i=0; i < radios.length; ++i) {
  addClick(radios[i], i);
}

function addClick(radio, i) {
  radio.addEventListener('click', function() { //add the click function here in js
    results[i].innerText = this.value;
  });
}