admin 发表于 2023-12-24 21:50:30

js设置radio的任意选项为选中状态的方法

点击代码:

<div class="form-group">
                        <label class="col-xs-12 col-sm-3 col-md-2 control-label">卡券形式:</label>
                        <div class="col-sm-9 col-xs-12">
                          <label class="radio-inline">
                                  <input type="radio" name="type" value="1" {if empty($coupon) || $coupon['type'] == '1'} checked="true" {/if} onclick="radio(1)" /> 礼品券
                                </label>
                          <label class="radio-inline">
                                <input type="radio" name="type" value="2" {if $coupon['type'] == '2'} checked="true" {/if} onclick="radio(2)" /> 现金券
                          </label>
                          <label class="radio-inline">
                                <input type="radio" name="type" value="3" {if $coupon['type'] == '3'} checked="true" {/if} onclick="radio(3)" /> 折扣券
                          </label>
                          <label class="radio-inline">
                                <input type="radio" name="type" value="4" {if $coupon['type'] == '4'} checked="true" {/if} onclick="radio(4)" /> 体验券
                          </label>
                          <label class="radio-inline">
                                <input type="radio" name="type" value="5" {if $coupon['type'] == '5'} checked="true" {/if} onclick="radio(5)" /> 换购券
                          </label>
                          <label class="radio-inline">
                                <input type="radio" name="type" value="6" {if $coupon['type'] == '6'} checked="true" {/if} onclick="radio(6)" /> 计次券
                          </label>
                          <label class="radio-inline">
                                <input type="radio" name="type" value="7" {if $coupon['type'] == '7'} checked="true" {/if} onclick="radio(7)" /> 防伪券
                          </label>
                          <label class="radio-inline">
                                <input type="radio" name="type" value="8" {if $coupon['type'] == '8'} checked="true" {/if} onclick="radio(8)" /> 溯源券
                          </label>
                                <span class="help-block">卡券类型设置后不可更改,<text style="color: #ff0000;">计次券只能设置为电子券,防伪券和溯源券只能设置为纸质券</text>(<a href="http://bbs.winchung.com/thread-132-1-1.html" target="_blank">查看说明</a>)</span>
                        </div>
                </div>选中代码:
<div class="form-group">
                        <label class="col-xs-12 col-sm-3 col-md-2 control-label">卡券形式:</label>
                        <div class="col-sm-9 col-xs-12">
                          <label class="radio-inline">
                                  <input type="radio" name="coupon_type" value="1" {if empty($coupon) || $coupon['coupon_type'] == 1} checked="true" {/if} onclick="$('#total').show();" /> 电子券
                                </label>
                          <label class="radio-inline">
                                <input type="radio" name="coupon_type" value="2" {if $coupon['coupon_type'] == 2} checked="true" {/if} onclick="$('#total').hide();" /> 纸质券
                          </label>
                                <span class="help-block">卡券形式设置后不可更改,<text style="color: #ff0000;">计次券只能设置为电子券,防伪券和溯源券只能设置为纸质券</text></span>
                        </div>
                </div>js代码:
function radio(id) {
      console.log(id)
      if (id == 7 || id == 8) {
            $("input").eq(1).prop('checked', true);
      } else {
            $("input").eq(0).prop('checked', true);
      }
    }

页: [1]
查看完整版本: js设置radio的任意选项为选中状态的方法