如何通过jquery将字符串first和last添加到复选框

Question

这是我的html：<input class="eret" type="checkbox" value="Red">Red</input><input class="eret" type="checkbox" value="Green">Green</input><input class="eret" type="checkbox" value="Blue">Blue</input><input class="eret" type="button" value="Get checkboxes" id="getCheckboxesButton"></input><div id="debugOutput"></div>这是我的 JavaScript：$(document).ready(function() {    $('#getCheckboxesButton').live('click', function(event) {        var checkboxValues = [];        $('input.eret[type="checkbox"]:checked').each(function(index, elem) {            checkboxValues.push($(elem).val());        });        $('#debugOutput').html(checkboxValues.join(','));    });});如何使用此输出定义 Javascript 代码？输出（示例）：Color:"Green"  --> One : Without CommaColor:"Green",Color:"Blue" / Color:"Red",Color:"Green",Color:"Blue"  --> Multi : With Commahttps://i.stack.imgur.com/iFyWT.png jsfiddle

Answer 1

像这样的东西吗？

$(document).ready(function() {

    $('#getCheckboxesButton').on('click', function(event) {

        var checkboxValues = [];

        $('input.eret[type="checkbox"]:checked').each(function(index, elem) {

            checkboxValues.push('Color:"'  +  $(elem).val() + '"');

        });

        $('#debugOutput').html(checkboxValues.join(','));

    });

});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<input class="eret" type="checkbox" value="Red">Red

<input class="eret" type="checkbox" value="Green">Green

<input class="eret" type="checkbox" value="Blue">Blue

<input class="eret" type="button" value="Get checkboxes" id="getCheckboxesButton">

<div id="debugOutput">

</div>