在加载/移除复选框到数组上有问题
Having issue on Loading/Removing Checkbox to Array
请看看这段代码,让我知道为什么我不能加载数组?
$(':checkbox[name=items]').on('change', function() {
var arr = $(':checkbox[name=items]:checked').map(function() {
return this.id;
})
.get();
$("#p-tap").on("click", function(){
console.log(arr);
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="container">
<input type="checkbox" name="items" value="Item_1" /> Lower Development Cost <br />
<input type="checkbox" name="items" value="Item_2" /> Higher Energy Production<br />
<input type="checkbox" name="items" value="Item_3" /> Further From Human Populations<br />
<input type="checkbox" name="items" value="Item_3" /> Smaller Construction Footprint<br />
</div>
<button id="p-tap"> Print</button>
- 您的
var arr
被定义为inside checkbox change closure
,这使其成为局部变量而不是全局作用域- 您的复选框关闭丢失})
- 你的数组将永远是空字符串,因为你没有为id属性设置值复选框
将代码改为
var arr;
$(':checkbox[name=items]').on('change', function() {
arr = $(':checkbox[name=items]:checked').map(function() {
return this.id;
})
.get()});
var arr;
$(':checkbox[name=items]').on('change', function() {
arr = $(':checkbox[name=items]:checked').map(function() {
return this.value;
})
.get();
});
$("#p-tap").on("click", function() {
console.log(arr);
$('#result').text(arr);
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="container">
<input type="checkbox" name="items" value="Item_1" />Lower Development Cost
<br />
<input type="checkbox" name="items" value="Item_2" />Higher Energy Production
<br />
<input type="checkbox" name="items" value="Item_3" />Further From Human Populations
<br />
<input type="checkbox" name="items" value="Item_3" />Smaller Construction Footprint
<br />
</div>
<button id="p-tap">Print</button>
<br/>
Result:
<div id="result">
</div>
相关文章:
- Javascript:如果数组有对象或不为空
- JavaScript对象中存在数组的问题
- Javascript数组比较问题
- 数组有什么问题
- azure移动服务中的数组长度问题
- SocketIO/Mongoose JS.推送到数组的问题
- ReactJS:仅当数组有值时才呈现元素
- Javascript图像数据到多维数组性能问题
- 流星,更新时的反应式数组渲染问题
- JavaScript 数组访问问题
- 在循环中创建的函数中使用时出现数组引用问题
- 从回调填充本地数组:同步问题
- 关于将HTML元素推入数组的问题
- 表示未定义的数组的问题
- 这个二维关联数组有什么问题
- 挖空和选择器的数组过滤问题
- javascript数组出现问题
- json对象键正在被添加,即使数组有该键
- 访问JSON数组有问题
- 我的数组有问题,不知道在else.(已更新)后面放什么