javascript/jquery checkbox comparison using “and”

Question

I have a two checkboxes as follows:

<input type="checkbox" name="options_v[]" id="you_pick_v" value="you_pick" />
<input type="checkbox" name="options_v[]" id="owner_picks_v" value="owner_picks" />

I want my javascript function to make another element grey if the boxes are unchecked and black if either box is checked. For some reason, when I try to use "and" or "or" in the if/else statement, my html editor is showing that there is a problem. Am I not allowed to use these comparison operators in javascript? If so, what might you suggest? Sorry if anything that I'm writing is ambiguous.

Here is my javascript function:

$(document).ready(function() {
   $('#you_pick_v, #owner_picks_v')
    .click(function(){
        var ypv = $('#owner_picks_v').is(':checked');
        var opv = $('#owner_picks_v').is(':checked');

    if(ypv == true and opv == true) {
            alert('both checked');

    }

Answer 1

You need to use && instead of and , then || instead of or . This is JavaScript.