javascript - 获取未选中的单选值 - JQuery

标签 javascript jquery html radio-button

我有一个简单的广播组。现在我正在尝试解决的是如何 alert() 未检查的单选按钮的值,但尚未成功。

HTML:

<div id="radiogrouping">

  <input type="radio" name='test' value="hello">  hello <br/>
  <input type="radio" name='test' value="hello again"> hello again <br/>
  <input type="radio" name='test' value="yet again hello"> yet again hello <br/>

</div>

JS:

$(function(){

 $("#radiogrouping").bind("change",function(value){
    var test = $(this).children(":not(:checked)").val();


    alert(test);
 });



});

如果没有选中,上面的 JS 将 alert() 第一个单选按钮的值,但仅是第一个。

如何获取未选中的两个单选按钮值以进行提醒?

预先感谢您的帮助。

最佳答案

使用.map()获取未检查值的数组

$("#radiogrouping").bind("change", function (value) {
    var test = $(this).children(":not(:checked)").map(function () {
        return this.value
    }).get();
    alert(test);
});

演示:Fiddle

<小时/>

当您使用 .val() 时,它会获取第一个未选中的复选框的值

关于javascript - 获取未选中的单选值 - JQuery,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21474408/

相关文章:

javascript - SQL 删除不起作用

javascript - 解决 promise angular2 : Property 'includes' does not exist on type '[]'

jquery - JSF2.0 + Primefaces 3.0.1 + jquery 1.6.4 + p :commandLink + IE8 throws Unexpected call to method or property

html - 如何在远程 unix 服务器上查看 html 文件?

javascript - 使用 box-sizing : border-box 将填充设置到 Canvas 容器中

JavaScript - 对同一字段上的 2 个对象数组进行排序

javascript - 将 div 在带有叠加层的页面上居中

jquery - 查找子项 h2 文本具有特定值的元素

javascript - jquery .append 自动 trim 空格

html - 如何在表中创建三级行?