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

在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条)

报告相同问题？

悬赏问题

  • ¥15 高德地图点聚合中Marker的位置无法实时更新
  • ¥15 DIFY API Endpoint 问题。
  • ¥20 sub地址DHCP问题
  • ¥15 delta降尺度计算的一些细节，有偿
  • ¥15 Arduino红外遥控代码有问题
  • ¥15 数值计算离散正交多项式
  • ¥30 数值计算均差系数编程
  • ¥15 redis-full-check比较 两个集群的数据出错
  • ¥15 Matlab编程问题
  • ¥15 训练的多模态特征融合模型准确度很低怎么办