zoukankan      html  css  js  c++  java
  • 后台返回数据回显,使用js控制默认选中复选框和下拉框

    <!DOCTYPE html>
    <html lang="zh-CN">
    <head>
    <meta charset="UTF-8">
    <title>测试</title>
    <?php 
        $chk = array('ch1','ch3','ch5'); //后台获取checkbox选中id的数组
        $slt = 'iph';                    //后台获取select选中option的value
    ?>
    <script type="text/javascript" src="//upcdn.b0.upaiyun.com/libs/jquery/jquery-1.8.3.min.js"></script>
    
    
    <script type="text/javascript">
    $(function(){
    
        var chkData = <?php echo json_encode($chk);?>;
        var sltData = '<?php echo $slt;?>';
    
        $('.chk').each(function(){
            var self = $(this);
            var selfId = self.attr('id');
            $.each(chkData, function(n, v){
                if(v == selfId) self.attr('checked' , 'true');
            });
        });
    
        $('#select option').each(function(){
            var self = $(this);
            var selfVal = self.val();
            if(selfVal == sltData) self.attr('selected' , 'true');
        });
    
    });
    </script>
    
    
    </head>
    <body>
    
        <p><input id="ch1" class="chk" type="checkbox" value="111">111</p>
        <p><input id="ch2" class="chk" type="checkbox" value="222">222</p>
        <p><input id="ch3" class="chk" type="checkbox" value="333">333</p>
        <p><input id="ch4" class="chk" type="checkbox" value="444">444</p>
        <p><input id="ch5" class="chk" type="checkbox" value="555">555</p>
    
        <div class="selectAera">
            <select id="select">
                <option value="smt">锤子</option>
                <option value="iph">苹果</option>
                <option value="xm">小米</option>
                <option value="nka">诺基亚</option>
            </select>
        </div>
    
    </body>
    </html>
  • 相关阅读:
    MySQL — 优化之explain执行计划详解(转)
    项目中常用的MySQL 优化
    通过 MySQL 存储原理来分析排序和锁(转)
    java内存模型(转)
    数据库索引的创建原则
    MySQL中的几种日志了解
    一条SQL语句在MySQL中如何执行的
    SQL
    SQL
    SqlServer性能优化 查询和索引优化(十二)
  • 原文地址:https://www.cnblogs.com/jackduan/p/7742092.html
Copyright © 2011-2022 走看看