Question

我知道你不能在一个页面中为元素赋予相同的id。但我有一个PHP使用SELECT * statemnt生成的列表，此列表显示HTML表中数据库中的所有行每行数据旁边都有一个radiobox，它的值是mysql中该行的id。我在这里尝试做的是当你检查Radio的那一行并运行Func时，JavaScript获取的值是id号，这样我就可以删除那行

这样的事情：但我又不能给所有收音机提供相同的身份

var age = document.getElementById('radio').value;
    var queryString = "?id=" + radio;
    ajaxRequest.open("GET", "coderemove.php" + queryString, true);
    ajaxRequest.send(null);

当我跑步时，没有任何事情发生，显然

Answer 1

您可以使用纯JavaScript方法 - 想象一下PHP代码输出：

Thing Number 1 <input type="radio" name="myRadioId" value="thingy1" />
Thing Number 2 <input type="radio" name="myRadioId" value="thingy2" />

然后我们的JavaScript代码可能是：

function getRadioValue(radioName){
    // Get all inputs on the page.
    var inputs = document.getElementsByTagName('input');

    for (var i = 0; i < inputs.length; i++) {
        // Check it is a radio of the correct name and is checked.
        if (inputs[i].type === 'radio' &&
            inputs[i].name === radioName &&
            inputs[i].checked) {

            // We have the checked radio - return its value.
            return inputs[i].value;
        }
    }
    return null;
}

var queryString = "?id=" + getRadioValue('myRadioId');
// Do stuff here

但如果我们使用jQuery - 那么它会变得更简单：

var queryString = "?id=" + $("input:radio[name=myRadioId]").val();

如果您不了解JavaScript，并且希望使用它来编写网页，我建议您花一个小时来学习jQuery的基础知识。它会为你节省一些麻烦：）

Answer 2

使用

<input name="mygroupname" type="radio" value="1">
<input name="mygroupname" type="radio" value="2">
<input name="mygroupname" type="radio" value="3">

和

document.getElementsByName('mygroupname');

获取数组中的元素。

Answer 3

试试这个：

function test() {
    var getRadios = document.getElementById("input")
    for (var x = 0; x < getRadios.length; x++) {
        if ( getRadios[x].type == "radio" && getRadios[x].checked )
            alert(getRadios[x].value)
        }
    }
}

Answer 4

我猜您需要动态更改单选按钮的ID。 PHP部分是：

<?php
    $qry = "select * from table_name";
    $res = mysql_query($qry);
?>
<table>
    <?php
        $count = 1;
        while($data=mysql_fetch_array($res)) {
    ?>
    <tr>
        <td><input type = 'radio' value='<?php echo $data
        ['col']?>' id=<?php echo $count;?> onclick="alertId(this.id)"
        name="radio"></td>
        <td><?php echo $data['col'];?></td>
    </tr>
    <?php
            $count++;
        }
    ?>
</table>

JavaScript部分是：

<script type = "text/javascript">
    function alertId(id) {
        alert(id);
    }
</script>

这将提示点击的单选按钮的ID，然后您可以按documnet.getElementById(id).value获取值。

几个无线电输入的getElementById

4 个答案: