通过jQuery选择时,无法获取单选按钮的所有值吗? - php

我的jQuery函数是这样的:

$(function() {
     $('#small').click(function() {
             var selectedRB = $('input[name=radioGroup]:checked').val();
         alert(selectedRB);
     });
})

HTML:

<input type="radio" id="small" name="radioGroup" value="small" checked><label for="inpSmall">Small</label><br>

<input type="radio" id="small" name="radioGroup" value="medium"><label for="inpMedium">Medium</label><br>

<input type="radio" id="small" name="radioGroup" value="large"><label for="inpLarge">Large</label><br><br>

我有一个问题,我只得到第一个值,很小,当我单击其他按钮时它不返回值。

参考方案

描述

问题是您使用id small。 ID在您的文档中必须是唯一的。请改用class。查看我的样本和此jSFiddle。

id属性指定HTML元素的唯一ID(ID属性值在HTML文档中必须是唯一的)。

样品

HTML

<input type="radio" class="small" name="radioGroup" value="small" checked><label for="inpSmall">Small</label><br>

<input type="radio" class="small" name="radioGroup" value="medium"><label for="inpMedium">Medium</label><br>

<input type="radio" class="small" name="radioGroup" value="large"><label for="inpLarge">Large</label><br><br>

jQuery的

$(function() {
     $('.small').click(function() {

               var selectedRB = $('input[name=radioGroup]:checked').val();
               alert(selectedRB);
       });
})

更多信息

jSFiddle
HTML id Attribute

PHP-复选框组 - php

我有一个需要发布的表单复选框组。<input type="checkbox" value="true" checked name="chk0[]"> <input type="checkbox" value="false" name=…

当使用jquery的id做某事时,id可以来自任何一种标记吗? - php

我是JQuery的新手,我正尝试使用PHP,HTML和JQuery编写代码。我想用具有ID的标签替换HTML中的所有<?php echo $var; ?>。例如,我想使用<div id="name"></div>之类的东西,然后使用$("#name")将其显示在该div字段中。我的问…

PHP中奇怪的sprintf行为 - php

我试图做sprintf("<%s>", "Sat");,但是什么也没出现。当您删除小于符号时,它将再次开始工作。任何人都经历过这种行为以及是否会发生这种情况?因为我认为这是一个错误。您甚至可以在这里使用printf .....获得相同的结果。http://writecodeonline.com/php/ 参…

jQuery不起作用 - php

我正在使用带有ajax的jquery。有时,给出错误$未定义。这是我的代码:<script language="javascript" type="text/javascript"> var base_path="<? echo $this->baseUrl().'/…

Div单击与单选按钮相同吗? - php

有没有一种方法可以使div上的click事件与表单环境中的单选按钮相同?我只希望下面的div提交值,单选按钮很丑代码输出如下:<input id="radio-2011-06-08" value="2011-06-08" type="radio" name="radio_date&#…