如何在 jQuery 中以编程方式更改单选按钮状态？

在本文中，我们将使用 jQuery 更改单选按钮的选定选项。要选择单选按钮的值，我们可以将“选中”设置为所需的选项。为了设置属性，我们可以使用prop() jQuery 中的方法。

句法：

$(selector).prop("checked", true); 

注意：选择器，是要选择的所需单选选项元素。

示例：让我们创建一个单选按钮组来选择最喜欢的板球运动员。我们创建了一个收音机选项。默认情况下，将选择“Sachin”。当我们点击 按钮，将选择程序中给出的“Dhoni”选项。

HTML

  
    
    
    
  
  
    
      Who is Your Favorite Cricketer?
      Dhoni
      Shewag
      Sachin
      
      Select option
    
  
    
      $("#selectID").on("click", function () {
        selectRadio();
      });
      function selectRadio() {
        let radioOption = jQuery("input:radio[value=Dhoni]");
  
        // This will select the radio button
        radioOption.prop("checked", true);
      }
    
  

输出：

改变无线电状态