zoukankan      html  css  js  c++  java
  • 用js将CheckBox的值存入数据库和将数据库字符串的值转为数组选中CheckBox

    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);
        });
    })
  • 相关阅读:
    Consul 原理
    google ads api —— budget
    rabbitmq 启动报错 Kernel pid terminated
    maven 打依赖包命令
    【原创】Linux基础之supervisor
    Git 常用命令
    Thinkpad T14 AMD版无线网卡不可用
    在Windows10中安装解压版MySQL 8.X
    Git 分支管理参考模型
    Feign入门介绍
  • 原文地址:https://www.cnblogs.com/xiaomen/p/6431050.html
Copyright © 2011-2022 走看看