多选框单选效果
Posted 阿旭92312
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了多选框单选效果相关的知识,希望对你有一定的参考价值。
效果如下:
代码:
<dl id="div_group"> <dt>会员组别</dt> <dd> <div class="rule-multi-porp"> <span id="cblGroupId"> <input id="cblGroupId_0" type="checkbox" name="cblGroupId$0" value="1" /> <label for="cblGroupId_0">注册会员</label> <input id="cblGroupId_1" type="checkbox" name="cblGroupId$1" value="2" /> <label for="cblGroupId_1">高级会员</label> <input id="cblGroupId_2" type="checkbox" name="cblGroupId$2" value="3" /> <label for="cblGroupId_2">中级会员</label> <input id="cblGroupId_3" type="checkbox" name="cblGroupId$3" value="4" /> <label for="cblGroupId_3">钻石会员</label> </span> </div> </dd></dl>
代码:
<dl> <dt>内容推送</dt> <dd> <div class="rule-single-checkbox"> <input id="cbIsPush" type="checkbox" name="cbIsPush" /> </div> <span class="Validform_checktip">*网站内容推送至微信(备用)</span> </dd> </dl>
以上是关于多选框单选效果的主要内容,如果未能解决你的问题,请参考以下文章