Question

我正在使用for循环

<?php foreach($vtype as $vtypes) { ?>  
    <input type="radio" name="type" id="type<?php echo $vtypes['id'];?>" value="<?php echo $vtypes['id'];?>" />
<?php } ?>

在javascript中我想点击单选按钮的值，但每次点击单选按钮我只得到第一个值。我的javascript代码

<script type="text/javascript">
    var type = document.getElementById("type").value;
</script>

Answer 1

请使用它：

document.querySelector('input[name=type]:checked').value

Answer 2

您可以使用此方案。无论你有多少个复选框

function getValue(data){
  alert(data.value)
}

<input type="radio" value="1" onclick="getValue(this)">
<input type="radio" value="2" onclick="getValue(this)">
<input type="radio" value="3" onclick="getValue(this)">

Answer 3

<?php foreach($vtype as $key=> $vtypes)  { ?>  
    <input type="radio" name="type" id="type_<?php echo $key; ?>" value="<?php echo $vtypes['id'];?>" />

这是javascript调用

$(document).on("change","input[type=radio]",function(){
    var ac=$('[name="type"]:checked').val();
    alert(ac);
});

获取循环中单选按钮的值

3 个答案: