Question

我想通过onclick从单选按钮获取值，我将使用此值进行sql查询。我该怎么做？

我希望当我点击单选按钮时，我将获得该按钮的值，此值将适用于sql查询以更改数据或信息

我使用php和mysql。

<td><input type="radio" name="ac" value="AC"/>AC</td>
<td><input type="radio" name="ac" value="Non AC" />Non AC</td>

Answer 1

首先，请注意，不应将表格元素用于非表格数据。但使用label元素并使用change事件代替click是有意义的。

<div id="wrapper">
    <label><input type="radio" name="ac" value="AC"/>AC</label>
    <label><input type="radio" name="ac" value="Non AC" />Non AC</label>
</div>

要获取该值，您可以使用事件委派：

document.getElementById('wrapper').onchange = function(e) {
    /* Maybe you should also check: e.target.type==='radio' */
    if(e.target.tagName.toLowerCase() === 'input') {
        var value = e.target.value;
        /* do something */
    }
};

Demo

另一种可能性是为每个无线电创建一个事件监听器：

var els = document.getElementById('wrapper').getElementsByTagName('input'),
    handler = function() {
        var value = this.value;
        /* do something */
    };
for(var i = 0; i<els.length; ++i) {
    els[i].onchange = handler;
}

Demo

点击单选按钮值更改

1 个答案: