Question

这里我试图在控制台中显示复选框的值，但它没有。

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

Js代码是

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

您的代码中存在一些错误，例如：

您使用了多个ID。每个元素的id都应该是唯一的
您只在其中一个元素上使用了onclick =“”
应为$(this).is(":checked")

以下是经过编辑的工作JavaScript＆amp; HTML。

function display_img() {
  $(".id_price").each(function() {
    if ($(this).is(":checked")) {
      var check = $(this).val();
      console.log(check);
    }
  });
};

$(".id_price").change(display_img);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="checkbox" class="id_price" value="1">Under £200
<br>
<input type="checkbox" class="id_price" value="2"> £250-£300<br>
<input type="checkbox" class="id_price" value="3"> £300-£450<br>

Answer 2

选择器必须是:selector，然后才能正常工作。 http://api.jquery.com/checked-selector/

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

或者

$(this).attr('checked') // 1.6 -
$(this).prop('checked') // 1.6 +

Answer 3

由于你使用的是jQuery ..你的代码应该是这样的，并确保使用css类而不是相同的id。

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

不打印控制台日志

3 个答案: