多选框单选效果

Posted 2020-08-08 阿旭92312

效果如下：

代码：

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