web-dev-qa-db-ja.com

jqueryを使用してラジオグループから値を取得

managerelradioという名前のラジオグループの値を取得しようとしています。このラジオグループのHTMLコードは次のとおりです。

 <label><input type="radio" name="managerelradio" value="Yes" id="Add">Add</label>
 <label><input type="radio" name="managerelradio" value="No" id="Remove">Remove</label>

このためのJqueryは..

    var manageradiorel = $('input[name = "managerelradio"]:checked' , '#managechildform').val();
 alert(manageradiorel);

未定義を示しています。

私も試してみましたが。

 var manageradiorel = $('input[name = "managerelradio"]:checked').val();
 alert(manageradiorel);

しかし、未定義の値を取得しています。

jqueryhtmlradio-button
72
Rahul Singh

これを試して

var manageradiorel = $("input:radio[name ='managerelradio']:checked").val();
alert(manageradiorel);

Pleseチェック this DEMO ..itは正常に動作します

注：ラジオボタンのいずれかを選択する必要があります。それ以外の場合は、未定義を返します

checked属性を使用して、デフォルトとしてラジオボタンを選択できます。

133
Null Pointer

わたしにはできる

$('input[name="managerelradio"]').on('change', function(e) {

    var manageradiorel = e.target.value;
    alert(manageradiorel);

});

例 ここ

16
Gowri

これを少し簡単にする小さなjQuery拡張機能：

jQuery.fn.extend({
    groupVal: function() {
        return $(this).filter(':checked').val();
    }
});

// Usage:
$("input[name='managerelradio']").groupVal();

// Or even:
$("[name='managerelradio']").groupVal();
8
CupOfTea696