jQuery đặt nút radio

Tôi đang cố gắng thiết lập một nút radio. Tôi muốn đặt nó bằng cách sử dụng giá trị hoặc id.

Đây là những gì tôi đã thử.

$('input:radio[name=cols]'+" #"+newcol).attr('checked',true);

newcol là id của nút radio.

Có lẽ một chút chỉnh sửa là theo thứ tự.

Có hai bộ hộp radio một cái có cols và cái còn lại có hàng. Vì vậy, tôi thấy điểm không sử dụng id. Lỗi của tôi. Vì vậy, tôi có một ví dụ:

<input type="radio" name="rows" class="listOfCols" 
   style="width: 50%; " value="Site"></input>

và

<input type="radio" name="cols" class="listOfCols" 
   style="width: 50%; "  value="Site"></input>

với id đã bị xóa và tôi cần đặt đúng.

Bộ chọn của bạn tìm kiếm hậu duệ của một input:radio[name=cols]phần tử có id của newcol(cũng là giá trị của biến đó).

Thay vào đó, hãy thử điều này (vì dù sao bạn cũng chọn bằng ID):

$('#' + newcol).prop('checked',true);

Đây là bản demo: http://jsfiddle.net/jasper/n8CdM/1/

Ngoài ra, kể từ jQuery 1.6, phương thức thay đổi thuộc tính là .prop(): http://api.jquery.com/prop

Tôi đã tìm thấy câu trả lời ở đây:
https://web.archive.org/web/20160421163524/http://vijayt.com/Post/set-RadioButton-value-USE-jQuery

Về cơ bản, nếu bạn muốn kiểm tra một nút radio, bạn PHẢI chuyển giá trị dưới dạng một mảng:

$('input:radio[name=cols]').val(['Site']);
$('input:radio[name=rows]').val(['Site']);

Trong bộ chọn của bạn, bạn dường như đang cố gắng tìm nạp một số phần tử lồng nhau của nút radio với một id đã cho. Nếu bạn muốn kiểm tra nút radio, bạn nên chọn nút radio này trong bộ chọn và không phải cái gì khác:

$('input:radio[name="cols"]').attr('checked', 'checked');

Điều này giả định rằng bạn có nút radio sau trong đánh dấu của mình:

<input type="radio" name="cols" value="1" />

Nếu nút radio của bạn có id:

<input type="radio" name="cols" value="1" id="myradio" />

bạn có thể trực tiếp sử dụng bộ chọn id:

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

Bạn có thể thử đoạn mã sau:

$("input[name=cols][value=" + value + "]").attr('checked', 'checked');

Điều này sẽ đặt thuộc tính được kiểm tra cho các cột và giá trị theo chỉ định.

Tại sao bạn cần 'input:radio[name=cols]'. Không biết html của bạn, nhưng giả sử rằng id là duy nhất, bạn chỉ cần làm điều này.

$('#'+newcol).prop('checked', true);

Thử cái này:

$("#" + newcol).attr("checked", "checked");

Tôi đã có vấn đề với attr("checked", true), vì vậy tôi có xu hướng sử dụng ở trên thay thế.

Ngoài ra, nếu bạn có ID thì bạn không cần những thứ khác để lựa chọn. Một ID là duy nhất.

Vì newcollà ID của nút radio, bạn chỉ cần sử dụng nó như bên dưới.

$("#"+newcol).attr('checked',true);

Sử dụng .filter()cũng hoạt động và linh hoạt cho id, value, name:

$('input[name="cols"]').filter("[value='Site']").attr('checked', true);

(xem trên blog này )

Kết hợp các câu trả lời trước:

$('input[name="cols"]').filter("[value='Site']").click();

Bạn chỉ có thể sử dụng:

$("input[name='cols']").click();

Câu trả lời được chọn hoạt động trong trường hợp này.

Nhưng câu hỏi là về việc tìm kiếm phần tử dựa trên radiogroup và id động, và câu trả lời cũng có thể khiến nút radio được hiển thị không bị ảnh hưởng.

Dòng này cũng chọn chính xác những gì được yêu cầu trong khi hiển thị thay đổi trên màn hình.

$('input:radio[name=cols][id='+ newcol +']').click();