用js将CheckBox的值存入数据库和将数据库字符串的值转为数组选中CheckBox

2023-05-25,,

Index

@{
ViewBag.Title = "测试";
}
<script src="~/Scripts/jquery-1.10.2.js"></script>
<script src="~/js/checkbox.js"></script> <input name="checkbox" type="checkbox" value="0">测试0
<input name="checkbox" type="checkbox" value="1">测试1
<input name="checkbox" type="checkbox" value="2">测试2
<input name="checkbox" type="checkbox" value="3">测试3
<input name="checkbox" type="checkbox" value="4">测试4
<input name="checkbox" type="checkbox" value="5">测试5
<input name="checkbox" type="checkbox" value="6">测试6
<input name="checkbox" type="checkbox" value="7">测试7 <input type="button" id="btnAdd" value="提交">

checkbox.js

$(function () {
//从数据库取出字符串转为数组
var str = "0,1,2,";
var item = str.split(',');
var checkbox = document.getElementsByName("checkbox");
for(var i = 0;i<checkbox.length;i++)
{
if (checkbox[i].type == "checkbox")
{
for(var j =0;j<item.length;j++)
{
if (checkbox[i].value == item[j])
{
checkbox[i].checked = true;
}
}
}
} //将数组转为字符串存入数据库
$("#btnAdd").click(function () {
var checkbox = document.getElementsByName('checkbox');
var str = '';
for (var i = 0; i < checkbox.length; i++) {
if (checkbox[i].checked)
str += checkbox[i].value + ',';
}
alert(str);
});
})

用js将CheckBox的值存入数据库和将数据库字符串的值转为数组选中CheckBox的相关教程结束。

《用js将CheckBox的值存入数据库和将数据库字符串的值转为数组选中CheckBox.doc》

下载本文的Word格式文档,以方便收藏与打印。