Выбор радио кнопки по значению

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