首頁猿問使用 splice()...

使用 splice() 根據索引從數組中刪除值

JavaScript

BIG陽 2022-07-15 09:46:20

我有 4 個復選框。我在檢查時將它們的值添加到數組中。它看起來像這樣。這是我擁有的四個復選框。<input type="checkbox" value="degree"><input type="checkbox" value="pgd"> <input type="checkbox" value="hnd"> <input type="checkbox" value="advdip">一旦我檢查了所有四個，數組就變成了，["degree", "pgd", "hnd", "advdip"]當我取消選中一個復選框時，我需要根據其正確的索引號從數組中刪除它的值。我用過splice()，但它總是刪除第一個索引，即degree. 無論我取消選擇哪個復選框，我都需要根據其索引號從數組中刪除該值。希望有人幫忙。下面是代碼。提前致謝！<input type="checkbox" value="degree"> <input type="checkbox" value="pgd"> <input type="checkbox" value="hnd"> <input type="checkbox" value="advdip"><script> function getLevels() { // get reference to container div of checkboxes var con = document.getElementById('course-levels'); // get reference to input elements in course-levels container var inp = document.getElementsByTagName('input'); // create array to hold checkbox values var selectedValues = []; // collect each input value on click for (var i = 0; i < inp.length; i++) { // if input is checkbox if (inp[i].type === 'checkbox') { // on each checkbox click inp[i].onclick = function() { if ($(this).prop("checked") == true) { selectedValues.push(this.value); console.log(selectedValues); } else if ($(this).prop("checked") == false) { // get index number var index = $(this).index(); selectedValues.splice(index, 1); console.log(selectedValues); } } } } } getLevels(); </script>

查看完整描述

4 回答

Cats萌萌

TA貢獻1805條經驗獲得超9個贊

您使用錯誤的方法在代碼中查找索引。如果您使用元素索引，它將避免數組中的實際索引并給出錯誤的輸出。檢查下面的代碼，它可能適合您的要求。

function getLevels() {

// get reference to container div of checkboxes

var con = document.getElementById('course-levels');

// get reference to input elements in course-levels container

var inp = document.getElementsByTagName('input');

// create array to hold checkbox values

var selectedValues = [];

// collect each input value on click

for (var i = 0; i < inp.length; i++) {

// if input is checkbox

if (inp[i].type === 'checkbox') {

// on each checkbox click

inp[i].onclick = function() {

if ($(this).prop("checked") == true) {

selectedValues.push(this.value);

console.log(selectedValues);

}

else if ($(this).prop("checked") == false) {

// get index number

var index = selectedValues.indexOf(this.value);

selectedValues.splice(index, 1);

console.log(selectedValues);

}

getLevels();

</script>

反對回復 2022-07-15

長風秋雁

TA貢獻1757條經驗獲得超7個贊

我的方法是添加一個事件處理程序，該處理程序在單擊任何這些輸入時讀取所有檢查值，并在記錄響應之前清空數組。無需為此添加任何依賴項

希望這是您正在尋找的

function getLevels() {

let checkboxContainer = document.getElementById("checkboxContainer");

let inputs = checkboxContainer.querySelectorAll("input");

let checked = [];

inputs.forEach( (input) => {

checked = [];

input.addEventListener( 'click', () => {

checked = [];

inputs.forEach( (e) => {

e.checked ? checked.push(e.value) : null;

})

console.log(checked);

});

}

getLevels();

</div>

反對回復 2022-07-15

慕村225694

TA貢獻1880條經驗獲得超4個贊

將更改處理程序添加到輸入并使用 jQuery map 來獲取檢查輸入的值。

var levels

$('#checkArray input').on('change', function () {

levels = $('#checkArray input:checked').map(function () {

return this.value

}).get()

console.log(levels)

}).eq(0).change()

</fieldset>

反對回復 2022-07-15

www說

TA貢獻1775條經驗獲得超8個贊

我不知道這是否是您需要的，以顯示所選值的數組，如果您愿意，您可以調用計算支票的函數。

</fieldset>

<button onclick="getLevels()">getLevels</button>

function getLevels() {

var levels = [];

$.each($("input:checked"), function() {

levels.push(($(this).val()));

});

console.log(levels);

}

getLevels();

</script>

反對回復 2022-07-15

4 回答
0 關注
382 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

使用 splice() 根據索引從數組中刪除值

使用 splice() 根據索引從數組中刪除值

4 回答

添加回答