勾选复选框时,获取复选框的内容显示在页面上
程序员文章站
2022-05-31 18:46:56
...
勾选复选框时,获取复选框的内容显示在页面上
勾选复选框时,获取复选框的内容显示在页面上
房间选择
<!-- 房间选择列表 start -->
<div class="room-list">
<div class="list">
<div class="checked2 check">
<input type="checkbox" class="inputCheck" id="checkbox1" name="checkbox" data-checked="0">
<label for="checkbox1"></label>
</div>
<span>客餐厅</span>
</div>
<div class="list">
<div class="checked2 check">
<input type="checkbox" class="inputCheck" id="checkbox2" name="checkbox" data-checked="0">
<label for="checkbox2"></label>
</div>
<span>卧室</span>
</div>
<div class="list">
<div class="checked2 check">
<input type="checkbox" class="inputCheck" id="checkbox3" name="checkbox" data-checked="0">
<label for="checkbox3"></label>
</div>
<span>阳台</span>
</div>
<div class="list">
<div class="checked2 check">
<input type="checkbox" class="inputCheck" id="checkbox4" name="checkbox" data-checked="0">
<label for="checkbox4"></label>
</div>
<span>卫生间</span>
</div>
<div class="list">
<div class="checked2 check">
<input type="checkbox" class="inputCheck" id="checkbox5" name="checkbox" data-checked="0">
<label for="checkbox5"></label>
</div>
<span>厨房</span>
</div>
</div>
效果图:
上一篇: 怎样即时显示,该如何处理
下一篇: *栏目如何默认读取子级栏目里面的文章