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'选择按钮值，我尝试使用select by 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);

（我们无需转义那些:，因为它已经在引号内; :在值字符串中并不特殊。）

h：selectoneradio未在Javascript中选择项目

1 个答案: