懒洋洋大人 2015-05-26 14:36 采纳率: 75%
浏览 4952
已采纳

在html中,多个li怎么控制选择样式,多选。或者怎么实现自定义的checkbox。有布局的页面。

图片说明
如图,一个图片对应的是一行或者两行文字,这个怎么布局比较好呢?我目前是用的li。如果用li怎么实现多选呢?求解求思路。谢谢。

  • 写回答

2条回答

  • danielinbiti 2015-05-26 15:02
    关注

    用什么都可以,可以用样式变化模拟选中,如果要有前面的框,那就自己加背景图,设置要样式里

     <html> 
    <head> 
        <script src="http://lib.sinaapp.com/js/jquery/1.8.3/jquery.min.js"></script>
        <style>
            ul li{
                 list-style-type:none;
            }
            .on{
                background-color:red;
            }
            .off{
                background-color:none;
            }
        </style>
    </head> 
    <script>
    
    </script>
    <body> 
        <ul id="meslib">
             <li>1111111</li>
             <li>2222</li>
             <li>3333</li>
             <li>444444444</li>
        </ul>
    <input type='button' value='获取选中的li' onclick="getSelect()"></input>
    <script>
        function getSelect(){
             alert($('.on').length);
        }
      $('li').click(function(){
         $(this).toggleClass('on');
      });
    </script>
    </body> 
    </html> 
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题?

悬赏问题

  • ¥65 永磁型步进电机PID算法
  • ¥15 sqlite 附加(attach database)加密数据库时,返回26是什么原因呢?
  • ¥88 找成都本地经验丰富懂小程序开发的技术大咖
  • ¥15 如何处理复杂数据表格的除法运算
  • ¥15 如何用stc8h1k08的片子做485数据透传的功能?(关键词-串口)
  • ¥15 有兄弟姐妹会用word插图功能制作类似citespace的图片吗?
  • ¥200 uniapp长期运行卡死问题解决
  • ¥15 latex怎么处理论文引理引用参考文献
  • ¥15 请教:如何用postman调用本地虚拟机区块链接上的合约?
  • ¥15 为什么使用javacv转封装rtsp为rtmp时出现如下问题:[h264 @ 000000004faf7500]no frame?