当点击这个对象的时候下面的元素可以选择两个 当点击另一个的的时候只能选择一个 用js怎么实现？

Question

<ul class="dogmenu" id="dogmenu">

            <li class="active1">

                    <h2>大型犬</h2>

                    <p>（肩高40+）</p>

           </li>

                <li>

                    <h2>中型犬</h2>

                    <p>（肩高25-40）</p>

           </li>

           <li>

                    <h2>小型犬</h2>

                    <p>（肩高18以下）</p>

         </li>

 </ul>

<div id="main2">

        <ul>

            <li>9:00-10:00</li>

                <li>10:00-11:00</li>

                <li>11:00-12:00</li>

                <li>13:00-14:00</li>

                <li>14:00-15:00</li>

                <li>15:00-16:00</li>

                <li>16:00-17:00</li>

                <li>17:00-18:00</li>

                <li>18:00-19:00</li>

                <li>19:00-20:00</li>

                <li>20:00-21:00</li>

                <li>21:00-22:00</li>               

            </ul>

        </div>

当点击大型犬时  下面的里可以同时选择两个li   中型犬 和小型犬只能选择一个

Answer 1

恕我没懂你的意思，是选择上面大型犬下面的时间li随便选择两个？中型犬和小型犬随便选中一个main中的li？？