如何使用数组为数据制作选中的复选框
How to make selected checkboxes with using array for data?
我有7个复选框用于选择日期。例如:
<span><input name="days" type="checkbox" value="1" id="day1"><label for="day1">M</label></span>
<span><input name="days" type="checkbox" value="2" id="day2"><label for="day2">T</label></span>
<span><input name="days" type="checkbox" value="3" id="day3"><label for="day3">W</label></span>
<span><input name="days" type="checkbox" value="4" id="day4"><label for="day4">T</label></span>
<span><input name="days" type="checkbox" value="5" id="day5"><label for="day5">F</label></span>
<span><input name="days" type="checkbox" value="6" id="day6"><label for="day6">S</label></span>
<span><input name="days" type="checkbox" value="7" id="day7"><label for="day7">S</label></span>
我还有一个数组:
var selectedDays = ["5","6"];
我希望第5天和第6天可以选择加载。有什么捷径吗?
$(document).ready(function () {
$.each(selectedDays, function(i, val) {
$('#day'+val).prop('checked', true);
});
});
$.each(selectedDays,function(i,v){
$('input:checkbox[value="'+ v +'"]').prop('checked',true);
});
$(function () {
var selectedDays = ["5", "6"];
$.each(selectedDays, function (i, v) {
$('input:checkbox[value="' + v + '"]').attr('checked', true);
});
});
工作演示http://jsfiddle.net/cse_tushar/3924B/
$(document).ready(function () {
var selectedDays = ["5", "6"];
$('input[name="days"]').each(function () {
for(i=0;i<selectedDays.length;i++){
if($(this).attr('value') == selectedDays[i]){
$(this).prop('checked',true);
}
}
});
});
另一个Js代码
工作演示http://jsfiddle.net/cse_tushar/3924B/1/
$(document).ready(function () {
var selectedDays = ["5", "6"];
$.each(selectedDays, function (i, v) {
$('input:checkbox[value="' + v + '"]').prop('checked', true);
});
});
如果你想检查周五和周六,你可以添加
checked="checked"
到您的输入
<input name="days" type="checkbox" value="5" id="day5" checked="checked">
<input name="days" type="checkbox" value="6" id="day6" checked="checked">
相关文章:
- 在服务器上创建一个复选框,使用 javascript 处理函数
- 选中复选框是否使用jquery选中
- 复选框说明使用javascript的检索问题
- PHP-AJAX复选框过滤器使用数据标记属性
- 如何在选中数组中的另一个复选框时使用 jquery 取消选中复选框
- 如何选中复选框是否使用javascript
- 在同一复选框上使用 2 个不同的脚本
- 如何在 JavaScript 中选中复选框?(不使用jQuery)
- 我如何通过 id 找到复选框并使用 JQuery 在字符串上应用属性
- 如何打开 html 上的 jQuery 对话框 复选框选中(使用 jQuery)
- 设置 HTML 复选框以使用 javascript 进行检查
- 如何在离子复选框中使用ngModel
- 文本的单事件函数,复选框,使用 Jquery 选择输入
- 选中复选框并使用jQuery启用相应的单选按钮
- 如何清除复选框当选中其他复选框时?使用java脚本
- 显示'复选框仅在选中特定复选框时使用
- 我如何创建一个下拉菜单与标签的复选框列表使用bootstrap
- 如何框架JSON数组从传递复选框值使用php
- 在jade中返回一个复选框值.使用node.js,express和Mongoose
- 如果一个复选框是使用jquery选中的,如何无法选中其他复选框