欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

勾选复选框时,获取复选框的内容显示在页面上

程序员文章站 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>

效果图: 勾选复选框时,获取复选框的内容显示在页面上