Home/ Questions/Q 8518839
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-11T06:05:36+00:00

I’d like to target a specific checkbox such as the ‘is-wine’ below but am

  • 0

I’d like to target a specific checkbox such as the ‘is-wine’ below but am not sure the syntax and ideally if it can be done in a single line.

Any ideas on how to do this? Basically just want to select the ‘is-wine’ checkbox and not the others.

thx

$(document).ready(function(){
  $('.click-me').on('click',function(){
 // doesn't work
 //$('.chex input .is-wine').attr('checked',status);  
   $('.chex input').each( function() {
      $(this).attr('checked',status);
    });
  });
});
</script>
</head>
<body>
here i am withing sub
<div id='my-killer-id'>
  <div class='click-me'>clicke me for is-wine</div>
  <div class='chex'>
  <input type='checkbox' class='is-wine' /><br />
  <input type='checkbox' class='is-coffee' /><br />
  <input type='checkbox' class='is-tea' /><br />
  <input type='checkbox' class='is-cocktail' /><br />
</div>
</div>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    This should be without the space..

    $('.chex input.is-wine').attr('checked',status);

    If you place a space there it will go to the child of the input (which has no children)

    if($('.chex input.is-wine').is(':checked')){
        alert('is wine is Checked !!')
     }      
     else{
       alert('is wine is not Checked !!')
    }

    Check this FIDDLE

    You can come up with multiple selectors for this .. As the class is unique 

    $('.chex .is-wine').attr('checked',status); 

OR 

$('.is-wine').attr('checked',status); 

OR

$('.chex input[type=checkbox][class=is-wine]').attr('checked',status);
    • 0