不打印控制台日志

Question

Here I am trying to display the value of checkbox in console but it doesn't.

<input type="checkbox" id="id_price" value="1" onclick="display_img()">Under £200<br>
                        <input type="checkbox" id="id_price" value="2" > £250-£300<br>
                        <input type="checkbox" id="id_price" value="3" > £300-£450<br>

And Js code is

function display_img(){
$(document).ready(function(){
    $("#id_price").each(function(){
        if($(this).is("checked")){
            var check=document.getElementById("id_price").value;
            console.log(check);
        }
    });
});

}

Answer 1

Since you are using jQuery.. your code should be like this, and make sure to use css class instead of same id.

$(document).ready(function(){
    $(".id_price").each(function(){
        _this = $(this);
        if(_this.is("checked")){            
            console.log(_this.val());
        }
    });
});