如何以编程方式设置单选按钮并使用js选择选项

Answer 1

对于第一种情况，您可以使用

.val()

并在两种情况下手动触发事件。

考虑以下因素

$('#menu').val(2).trigger('change');

在上面，我们选择值为2的选项。

还有单选按钮

$('#parentcheck').prop('checked', true).trigger('change');

Answer 2

只需设置选项/复选框的属性即可

对于选项，它是“选中”，对于复选框，它是“选中”

另外，使用trigger()触发事件之后

示例：

$( '#menu option[value=whatever]' ).attr( 'selected', 'selected' ).trigger( 'change' );
$( '.parentcheck' ).attr( 'checked', 'checked' ).trigger( 'click' );

Answer 3

我认为这就是您正在寻找的东西......

$("#menu option[value='1]").attr("selected",true).trigger("change");
$("input[type='radio'][value='1']").attr("checked",true).trigger("change");

Answer 4

同样的答案

$("#menu option[value='1]").prop("selected",true).trigger("change");

$("input[type='radio'][value='1']").prop("checked",true).trigger("change");

使用 .prop 而不是 .attr

Answer 5

这是一个纯 JavaScript 的示例：

const $ = document.querySelector.bind(document);

$('#fee').checked = true;

setTimeout(() => {
    $('#one').checked = true;
},1500)

<input id="one" type="radio" name="bonk"/> One 
<input id="two" type="radio" name="bonk"/> Two 
<input id="fee" type="radio" name="bonk"/> Three