私はコンソールで次の例外を取得し、私はJSFを使用して動的に作成されたテーブルのチェックボックスを持っていると私は、次のようなHTML出力を取得し、チェックボックス名

Question

を使用して

<input name="testForm:j_idt78:0:negative" id="testForm:j_idt78:0:negative" onchange='PrimeFaces.ab({s:this,e:"change",p:"testForm:j_idt78:0:negative"});' type="checkbox"> 
<input name="testForm:j_idt78:0:positive" id="testForm:j_idt78:0:positive" onchange='PrimeFaces.ab({s:this,e:"change",p:"testForm:j_idt78:0:positive"});' type="checkbox"> 
<input name="testForm:j_idt78:0:na" id="testForm:j_idt78:0:na" onchange='PrimeFaces.ab({s:this,e:"change",p:"testForm:j_idt78:0:na"});' type="checkbox"> 

を/選択解除チェックボックスを選択します。SCRIPT5022: Syntax error, unrecognized expression: unsupported pseudo: j_idt78

名前属性に基づいてチェックボックスを選択するにはどうすればよいですか？

Answer 1

あなたはCSS attribute selectorを使用したい：

const inputId = 'testForm:j_idt78:0' 
 
const negativeId = inputId + ':negative' 
 
document.querySelector('input[type="checkbox"][name="' + negativeId + '"]').checked = true

<input name="testForm:j_idt78:0:negative" id="testForm:j_idt78:0:negative" type="checkbox"> 
 
<input name="testForm:j_idt78:0:positive" id="testForm:j_idt78:0:positive" type="checkbox"> 
 
<input name="testForm:j_idt78:0:na" id="testForm:j_idt78:0:na" type="checkbox">