select/unselect check boxes using checkbox name

Question

I have check boxes in the table created dynamically using JSF and i get the HTML output like the following,

 <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">

i get the following exception at the console : SCRIPT5022: Syntax error, unrecognized expression: unsupported pseudo: j_idt78

how do i select the checkbox based on the name attribute?

Sidney · Accepted Answer · 2017-11-07 23:39:06Z

1

You'd use the 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">

edited Nov 7, 2017 at 23:39

answered Nov 7, 2017 at 23:25

Sidney

4,8152 gold badges21 silver badges32 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Joe Over a year ago

i get this exception now "Unable to set property 'checked' of undefined or null reference" , i am trying like the following var negativeId = inputId+":negative"; document.querySelector('input[type="checkbox"][name="+negativeId]').checked = false

Sidney Over a year ago

It looks like you tried to concatenate the negativeId into the selector string, but you're missing a quote and plus sign. I've edited my answer to use a fixed version of that code.

Joe Over a year ago

Thank you so much, you have really saved my day.

Collectives™ on Stack Overflow

select/unselect check boxes using checkbox name

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related