jquery - Jquery单选按钮追加问题
问题描述
我正在使用 Jquery 和单选按钮,我没有什么问题。
这是我的单选按钮数据
data =
{"seats":[
{"id":11,"number":11,"theater":3},
{"id":12,"number":12,"theater":3},
{"id":13,"number":13,"theater":3},
{"id":14,"number":14,"theater":3},
{"id":15,"number":15,"theater":3}
]}
这是我将标签和单选输入附加到空 div 的函数
for(i = 0; i < data.seats.length; i++){
var newData = data.seats;
var radioBtn = $('<label for="seat"><input type="radio" name="seat" />'+ newData.number +'</label>');
radioBtn.appendTo('#radioSeats');
console.log(newData);
}
我的问题是标签文本得到未定义的值,并且 console.log(newData) 打印 5 个数组(5x 个座位)
解决方案
您缺少访问数组元素的索引。
var newData = data.seats[i]
data =
{"seats":[
{"id":11,"number":11,"theater":3},
{"id":12,"number":12,"theater":3},
{"id":13,"number":13,"theater":3},
{"id":14,"number":14,"theater":3},
{"id":15,"number":15,"theater":3}
]};
for(i = 0; i < data.seats.length; i++){
var newData = data.seats[i];
var radioBtn = $('<label for="seat"><input type="radio" name="seat" />'+ newData.number +'</label>');
radioBtn.appendTo('#radioSeats');
console.log(newData);
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="radioSeats">
</div>
推荐阅读
- php - 在 android 中使用 Socket 跟踪多个用户位置并在客户端应用程序中显示
- numpy - TypeError:无法转换 numpy.object_ 类型的 np.ndarray
- python - 从列表中删除重复的数字
- wpf - 如何将列表的属性与数据网格 WPF 的行索引绑定
- python - ModuleNotFoundError:没有名为“sklearn.compose”的模块
- unity3d - Unity如何在不冻结对象位置的情况下为对象的位置设置动画
- python - 将文件从一个目录移动到多个子文件夹
- kubernetes - 如何在 kubernetes 中卸载分区
- windows - Winforms 应用程序启动失败
- python - 调试 python 请求模块 400 错误