Javascript 如何使用jQuery live获取选中和未选中的值？

我有三个复选框。下面是屏幕截图

我正在尝试这样做-当复选框未选中时，它将显示0+0+0

当复选框被选中时，它将更改值

假设我检查了早餐，那么它将显示1+0+0

再次假设我检查了早餐和午餐，它将显示1+1+0

再次假设我选中了所有复选框，它将显示1+1+1

我不明白我怎么能做到

任何人都可以帮我解决这个问题

我的html代码

<ul id="checkboxes" class="list-unstyled list-inline">
    <li class="list-inline-item">
        <div class="checkbox-custom checkbox-primary">
            <input type="checkbox" value="1" name="BRK_FST">
            <label>Breakfast</label>
        </div>
    </li>
    <li class="list-inline-item">
        <div class="checkbox-custom checkbox-primary">
            <input type="checkbox" value="1" name="LUNCH" >
            <label>Lunch</label>
        </div>
    </li>
    <li class="list-inline-item">
        <div class="checkbox-custom checkbox-primary">
            <input type="checkbox" value="1" name="DINNER">
            <label>Dinner</label>
        </div>
    </li>
    <li class="list-inline-item">
        <div id="output"></div>
    </li>
</ul>

早餐


午餐


晚餐

您需要获取单击操作，并检查输入是否已选中

$（'input[name=“BRK_FST”]”）。单击（function（）{
var active=$（this）.prop（“选中”）？1:0；
$（'.BRK_FST'）.text（活动）；
console.log（活动）；
});
$（'input[name=“午餐”]”）。单击（函数（）{
var active=$（this）.prop（“选中”）？1:0；
$（“.午餐”）.text（活动）；
console.log（活动）；
});
$（'input[name=“DINNER”]”）。单击（函数（）{
var active=$（this）.prop（“选中”）？1:0；
$（'晚餐'）.text（活动）；
console.log（活动）；
});



早餐


午餐


晚餐




0+0+0
您只需要一个简单的JQuery代码，如下所示：

$("input").click(function(){
    let outputText = ""; // stores output text

    $("#output").empty(); // delete content of output element

    if($(this).is(":checked")){ // check if the clicked element is checked
         $(this).val("1"); // change the value to 1
    }else{ // if not ckecked
        (this).val("0"); // change the value to 0
    }

    $("input").map((i, inputElement)=>{
        outputText += $(inputElement).val()+" "; // add the value of each input to the outputText variable created before
    })

   $("#output").html(outputText) // add the outputText string to the output element

})

你的javascript在哪里？请发布完整的代码片段我还没有编写@IslamelShobokshyth此网站不是代码编写服务，您应该进行初步尝试。如何将其提取到1+1+0或类似的值。欢迎使用堆栈溢出。对于堆栈溢出，不鼓励使用仅代码的答案，因为它们没有解释堆栈溢出是如何解决问题的。请编辑您的答案，以解释此代码的作用以及它如何回答问题，以便对OP以及具有类似问题的其他用户有用。