基於值的單選按鈕選擇

Question

如何選擇一個單選按鈕，其值是唯一通過JS唯一的按鈕。這似乎有點奇怪，但我需要。 Html代碼如下

<td class="Customer_Name"><table> 
<td> 
    <input name="Name" tabindex="4" id="Name" type="radio" value="01">John</td>  
    <input name="Name" tabindex="4" id="Name" type="radio" value="02">Sam</td> 
    <input name="Name" tabindex="4" id="Name" type="radio" value="03">Fred</td> 
    <input name="Name" tabindex="4" id="Name" type="radio" value="04">Peter</td>    
<td> 

Answer 1

對於多個元素，您不能具有相同的id。 id應該是唯一的。

您可以使用querySelector與屬性值選擇器。

document.querySelector('input[type="radio"][value="02"]') 

Demo

document.querySelector('input[type="radio"][value="02"]').checked = true;

<td class="Customer_Name"> 
 
    <table> 
 
    <td> 
 
     <input name="Name" type="radio" value="01" />John</td> 
 
    <td> 
 
     <input name="Name" type="radio" value="02" />Sam</td> 
 
    <td> 
 
     <input name="Name" type="radio" value="03" />Fred</td> 
 
    <td> 
 
     <input name="Name" type="radio" value="04" />Peter</td> 
 
    <td>

---

使用jQuery

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