這是我的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
1 回答
鴻蒙傳說
TA貢獻(xiàn)1865條經(jīng)驗 獲得超7個贊
像這樣的東西嗎？
$(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>
- 1 回答
- 0 關(guān)注
- 120 瀏覽
添加回答
舉報
0/150
提交
取消