javascript - :selectoneradio not selected item in Javascript

Question

我不知道这个毫无意义的事情是如何让我发疯的，好吧，我有以下几点:

我试图在显示模态表单时设置单选按钮值，这是单选按钮的代码:

 <h:selectOneRadio layout="lineDirection" class="validate[required]" id="publico-form" value="#{lineasBean.publico}">
                        <f:selectItem id="y" itemLabel="SI" itemValue="Y"/> 
                        <f:selectItem id="n" itemLabel="NO" itemValue="n"/>
                    </h:selectOneRadio>  

渲染如下:

<table id="form-insertar-linea:publico-form" class="validate[required]">
<tr>
   <td>
    <input type="radio" name="form-insertar-linea:publico-form" id="form-insertar-linea:publico-form:0" value="Y" /><label for="form-insertar-linea:publico-form:0"> SI</label>       </td>
 <td>
   <input type="radio" name="form-insertar-linea:publico-form" id="form-insertar-linea:publico-form:1" value="n" /><label for="form-insertar-linea:publico-form:1"> NO</label> </td>
</tr>
 </table>

然后，使用 Javascript 函数，我尝试使用以下代码进行选择:

 $("input:radio[name='form-insertar-linea:publico-form']").attr('checked',true);

这完全有效，但仅适用于“NO”值，我想要的是根据我想要的值“Y”或“N”选择按钮值，我尝试按 id 选择，但 jQuery 无法识别当我制作选择器时的模式“:”:

 $("#form-insertar-linea:publico-form:0").attr('checked',true);

我也尝试了基于 nth-child 的这个，但没有任何反应:

 $("input:radio[name='form-insertar-linea:publico-form']:nth-child(0)").attr('checked',true);

有什么想法吗？

问候!

Answer 1

选择器input:radio[name='form-insertar-linea:publico-form'] 与两个单选按钮匹配。因此(因为它们是互斥的)当对它们设置 checked 时，第二个获胜并不奇怪。

要专门针对第二个，您必须专门针对第二个。按id:

$("#form-insertar-linea\\:publico-form\\:0").attr('checked', true);

(请注意，我必须在选择器中的 : 字符前面放置一个反斜杠，因为 : 是 CSS 选择器中的特殊字符。反斜杠 escapes the character [请参阅第二个要点]。因为我是用字符串文字编写的，为了实际上将反斜杠传递给选择器引擎，我必须在字符串中对其进行转义，以便 JavaScript 不会将其用作字符转义，因此两个反斜杠。)

或者按值来做:

// For Yes
$("input:radio[name='form-insertar-linea:publico-form'][value='Y'").attr('checked',true);

// Or for no
$("input:radio[name='form-insertar-linea:publico-form'][value='n'").attr('checked',true);

(我们不需要转义其中的 :，因为它已经在引号内；: 在值字符串中并不特殊。)