码迷,mamicode.com
首页 > 其他好文 > 详细

多选框、单选效果

时间:2016-09-09 16:40:40      阅读:104      评论:0      收藏:0      [点我收藏+]

标签:

效果如下:

技术分享

代码:

            <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>

 

多选框、单选效果

标签:

原文地址:http://www.cnblogs.com/axu92312/p/5857061.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!