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

Question

对于前。我们有

<select id="menu">
<option value="1">sample 1</option>
<option value="2">sample 2</option>
</select>

和

<input type="radio" id="parentcheck" value="1">Button 1 
<input type="radio" id="parentcheck" value="2">Button 2 

我想简单地“克隆”用户输入。假设我们想要将它们设置为精确值并触发它们的功能。

---

在我的情况下，我有两个功能

 $("#menu").change(function () {...
 $(".parentcheck").click(function () {...

对于前。如何选择Sample 1和Button 1并激活它们的功能？

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");