Tôi cố gắng kiểm tra một nút radio với jQuery. Đây là mã của tôi:

<form>
    <div id='type'>
        <input type='radio' id='radio_1' name='type' value='1' />
        <input type='radio' id='radio_2' name='type' value='2' />
        <input type='radio' id='radio_3' name='type' value='3' /> 
    </div>
</form>

Và JavaScript:

jQuery("#radio_1").attr('checked', true);

Không hoạt động:

jQuery("input[value='1']").attr('checked', true);

Không hoạt động:

jQuery('input:radio[name="type"]').filter('[value="1"]').attr('checked', true);

Không hoạt động:

Bạn có ý tưởng khác không? Tôi đang thiếu gì?

Đối với các phiên bản jQuery bằng hoặc cao hơn (> =) 1.6, hãy sử dụng:

$("#radio_1").prop("checked", true);

Đối với các phiên bản trước (<) 1.6, hãy sử dụng:

$("#radio_1").attr('checked', 'checked');

Mẹo: Bạn cũng có thể muốn gọi click()hoặc change()vào nút radio sau đó. Xem ý kiến ​​để biết thêm.

Thử cái này.

Trong ví dụ này, tôi đang nhắm mục tiêu nó với tên và giá trị đầu vào của nó

$("input[name=background][value='some value']").prop("checked",true);

Điều tốt để biết: trong trường hợp giá trị nhiều từ, nó cũng sẽ hoạt động vì dấu nháy đơn.

Thêm một hàm prop () được thêm vào trong jQuery 1.6, phục vụ cho cùng một mục đích.

$("#radio_1").prop("checked", true); 

Tùy chọn ngắn và dễ đọc:

$("#radio_1").is(":checked")

Nó trả về đúng hoặc sai, vì vậy bạn có thể sử dụng nó trong câu lệnh "if".

Thử cái này.

Để kiểm tra nút Radio bằng Giá trị, hãy sử dụng giá trị này.

$('input[name=type][value=2]').attr('checked', true); 

Hoặc là

$('input[name=type][value=2]').attr('checked', 'checked');

Hoặc là

$('input[name=type][value=2]').prop('checked', 'checked');

Để kiểm tra nút Radio bằng ID, hãy sử dụng cái này.

$('#radio_1').attr('checked','checked');

Hoặc là

$('#radio_1').prop('checked','checked');

Thử cái này:

$("input[name=type]").val(['1']);

http://jsfiddle.net/nwo706xw/

Các $.propcách là tốt hơn:

$(document).ready(function () {                            
    $("#radio_1").prop('checked', true);        
});

và bạn có thể kiểm tra nó như sau:

$(document).ready(function () {                            
    $("#radio_1, #radio_2", "#radio_3").change(function () {
        if ($("#radio_1").is(":checked")) {
            $('#div1').show();
        }
        else if ($("#radio_2").is(":checked")) {
            $('#div2').show();
        }
        else 
            $('#div3').show();
    });        
});

Bạn phải làm

jQuery("#radio_1").attr('checked', 'checked');

Đó là thuộc tính HTML

Nếu tài sản namekhông hoạt động đừng quên rằng idvẫn còn tồn tại. Câu trả lời này dành cho những người muốn nhắm mục tiêu vào idđây bạn làm như thế nào.

$('input[id=element_id][value=element_value]').prop("checked",true);

Bởi vì tài sản namekhông làm việc cho tôi. Hãy chắc chắn rằng bạn không bao quanh idvàname với trích dẫn kép / đơn.

Chúc mừng!

Vâng, nó làm việc cho tôi như một cách:

$("#radio_1").attr('checked', 'checked');

Thử cái này

$(document).ready(function(){
    $("input[name='type']:radio").change(function(){
        if($(this).val() == '1')
        {
          // do something
        }
        else if($(this).val() == '2')
        {
          // do something
        }
        else if($(this).val() == '3')
        {
          // do something
        }
    });
});

Đáng ngạc nhiên, câu trả lời phổ biến nhất và được chấp nhận bỏ qua việc kích hoạt sự kiện thích hợp bất chấp các ý kiến. Hãy chắc chắn rằng bạn gọi .change() , nếu không tất cả các ràng buộc "thay đổi" sẽ bỏ qua sự kiện này.

$("#radio_1").prop("checked", true).change();

$("input[name=inputname]:radio").click(function() {
    if($(this).attr("value")=="yes") {
        $(".inputclassname").show();
    }
    if($(this).attr("value")=="no") {
        $(".inputclassname").hide();
    }
});

Nhận giá trị:

$("[name='type'][checked]").attr("value");

Đặt giá trị:

$(this).attr({"checked":true}).prop({"checked":true});

Nút Radio bấm thêm attr đã kiểm tra:

$("[name='type']").click(function(){
  $("[name='type']").removeAttr("checked");
  $(this).attr({"checked":true}).prop({"checked":true});
});

Chúng ta nên nói với nó là một radionút. Vì vậy, hãy thử với mã sau đây.

$("input[type='radio'][name='userRadionButtonName']").prop('checked', true);

Chỉ trong trường hợp bất kỳ ai đang cố gắng đạt được điều này trong khi sử dụng jQuery UI, bạn cũng sẽ cần làm mới đối tượng hộp kiểm UI để phản ánh giá trị được cập nhật:

$("#option2").prop("checked", true); // Check id option2
$("input[name='radio_options']").button("refresh"); // Refresh button set

Tôi sử dụng mã này:

Tôi xin lỗi vì tiếng anh

var $j = jQuery.noConflict();

$j(function() {
    // add handler
    $j('#radio-1, #radio-2').click(function(){

        // find all checked and cancel checked
        $j('input:radio:checked').prop('checked', false);

        // this radio add cheked
        $j(this).prop('checked', true);
    });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<fieldset class="section">
  <legend>Radio buttons</legend>
  <label>
    <input type="radio" id="radio-1" checked>
    Option one is this and that&mdash;be sure to include why it's great
  </label>
  <br>
  <label>
    <input type="radio" id="radio-2">
    Option two can be something else
  </label>
</fieldset>

Hãy thử điều này với ví dụ

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form id="myForm">
<input type="radio" name="radio" value="first"/> 1 <br/>
<input type="radio" name="radio" value="second"/> 2 <br/>
</form>


<script>
$(document).ready(function () {
    $('#myForm').on('click', function () {
        var value = $("[name=radio]:checked").val();

        alert(value);
    })
});
</script>

Thử cái này

var isChecked = $("#radio_1")[0].checked;

function rbcitiSelction(e) {
     debugger
    $('#trpersonalemail').hide();
    $('#trcitiemail').show();
}

function rbpersSelction(e) {
    var personalEmail = $(e).val();
    $('#trpersonalemail').show();
    $('#trcitiemail').hide();
}

$(function() {  
    $("#citiEmail").prop("checked", true)
});

$("#radio_1").attr('checked', true);
//or
$("#radio_1").attr('checked', 'checked');

Tôi đã nhận được một số ví dụ liên quan để cải thiện, nếu tôi muốn thêm một điều kiện mới, giả sử, nếu tôi muốn bảng màu bị ẩn sau khi tôi nhấp vào giá trị Trạng thái dự án ngoại trừ Pavers và Paving Slabs.

Ví dụ ở đây:

$(function () {
    $('#CostAnalysis input[type=radio]').click(function () {
        var value = $(this).val();

        if (value == "Supply & Lay") {
            $('#ul-suplay').empty();
            $('#ul-suplay').append('<fieldset data-role="controlgroup"> \

http://jsfiddle.net/m7hg2p94/4/

Ngoài ra, bạn có thể kiểm tra xem phần tử có được kiểm tra hay không:

if ($('.myCheckbox').attr('checked'))
{
   //do others stuff
}
else
{
   //do others stuff
}

Bạn có thể kiểm tra phần tử không được kiểm tra:

$('.myCheckbox').attr('checked',true) //Standards way

Bạn cũng có thể bỏ chọn theo cách này:

$('.myCheckbox').removeAttr('checked')

Bạn có thể kiểm tra nút radio:

Đối với các phiên bản jQuery bằng hoặc cao hơn (> =) 1.6, hãy sử dụng:

$("#radio_1").prop("checked", true);

Đối với các phiên bản trước (<) 1.6, hãy sử dụng:

$("#radio_1").attr('checked', 'checked');

Tôi đã sử dụng jquery-1.11.3.js

Bật và tắt cơ bản

Mẹo 1: (Loại nút vô tuyến phổ biến Tắt & Bật)

$("input[type=radio]").attr('disabled', false);
$("input[type=radio]").attr('disabled', true); 

Mẹo 2: (Bộ chọn ID Sử dụng prop () hoặc attr ())

$("#paytmradio").prop("checked", true);
$("#sbiradio").prop("checked", false);

jQuery("#paytmradio").attr('checked', 'checked'); // or true this won't work
jQuery("#sbiradio").attr('checked', false);

Mẹo 3: (Bộ chọn lớp Sử dụng prop () hoặc arrt ())

$(".paytm").prop("checked", true);
$(".sbi").prop("checked", false);

jQuery(".paytm").attr('checked', 'checked'); // or true
jQuery(".sbi").attr('checked', false);

MIPSO KHÁC

$("#paytmradio").is(":checked")   // Checking is checked or not
$(':radio:not(:checked)').attr('disabled', true); // All not check radio button disabled

$('input[name=payment_type][value=1]').attr('checked', 'checked'); //input type via checked
 $("input:checked", "#paytmradio").val() // get the checked value

index.html

<div class="col-md-6">      
    <label class="control-label" for="paymenttype">Payment Type <span style="color:red">*</span></label>
    <div id="paymenttype" class="form-group" style="padding-top: inherit;">
        <label class="radio-inline" class="form-control"><input  type="radio" id="paytmradio"  class="paytm" name="paymenttype" value="1" onclick="document.getElementById('paymentFrm').action='paytmTest.php';">PayTM</label>
        <label class="radio-inline" class="form-control"><input  type="radio" id="sbiradio" class="sbi" name="paymenttype" value="2" onclick="document.getElementById('paymentFrm').action='sbiTest.php';">SBI ePAY</label>
    </div>
</div>

Sử dụng prop () mehtod

Liên kết nguồn

<p>
    <h5>Radio Selection</h5>

    <label>
        <input type="radio" name="myRadio" value="1"> Option 1
    </label>
    <label>
        <input type="radio" name="myRadio" value="2"> Option 2
    </label>
    <label>
        <input type="radio" name="myRadio" value="3"> Option 3
    </label>
</p>

<p>
    <button>Check Radio Option 2</button>
</p>


<script>
    $(function () {

        $("button").click(function () {
            $("input:radio[value='2']").prop('checked',true);
        });

    });
</script>

thử cái này

 $("input:checked", "#radioButton").val()

nếu kiểm tra trả về True nếu không kiểm tra trả lạiFalse

jQuery v1.10.1

Một số lần giải pháp trên không hoạt động, sau đó bạn có thể thử bên dưới:

jQuery.uniform.update(jQuery("#yourElementID").attr('checked',true));
jQuery.uniform.update(jQuery("#yourElementID").attr('checked',false));

Một cách khác bạn có thể thử là:

jQuery("input:radio[name=yourElementName]:nth(0)").attr('checked',true);

Thử cái này:

$(document).ready(function(){
  $("#Id").prop("checked", true).checkboxradio('refresh');
});

Tôi vừa gặp một vấn đề tương tự, một giải pháp đơn giản là chỉ sử dụng:

.click()

Bất kỳ giải pháp nào khác sẽ hoạt động nếu bạn làm mới radio sau khi gọi chức năng.

attr chấp nhận hai chuỗi.

Cách chính xác là:

jQuery("#radio_1").attr('checked', 'true');