兩個或多個“單選”按鈕組無法正常工作

Question

我有這個代碼

function dataSelect23124() {
  $( "#result1" ).html( $('input:checked').val() + " is checked!" );
};

function dataSelect23123() {
  $( "#result" ).html( $('input:checked').val() + " is checked!" );
};

這是JSFiddle

但是我遇到了一個問題來使它工作。

Answer 1

HTML

<div id="result"></div>
<div id="result1"></div>
<div class="rrr">
<input type="radio" name="selector_" value="post_active" id="posts">Post
<br>
<input type="radio" name="selector_" value="page_active" id="pages">Page
</div>
<br />
<br />
<div class="rrr">
<input type="radio" name="selector_1" value="post_active1" id="posts1">Post
<br>
<input type="radio" name="selector_1" value="page_active1" id="pages1">Page
</div>

Javascript

$("input:radio[name=selector_]").click(function () {
    var value = $('input:radio[name=selector_]:checked').val();
    $("#result").html(value + " is checked");
});

$("input:radio[name=selector_1]").click(function () {
    var value = $('input:radio[name=selector_1]:checked').val();
    $("#result1").html(value + " is checked");
});