美文网首页
jquery--获取input radio单选框的值

jquery--获取input radio单选框的值

作者: zlchen | 来源:发表于2021-06-07 15:07 被阅读0次

    html

     <div class="layui-form-item">
          <label class="layui-form-label required">优惠券有效期</label>
          <div class="layui-input-block">
              <input type="radio" name="expire_type" lay-filter="expire_type" value="1" title="领取后N天有效" {if $row.expire_type=='1'}checked=""{/if}>
              <input type="radio" name="expire_type" lay-filter="expire_type" value="2" title="时间段" {if $row.expire_type=='2'}checked=""{/if}>
          </div>
     </div>
    
    <div class="layui-form-item" id="expire_day">
          <label class="layui-form-label">有效天数</label>
          <div class="layui-input-block">
            <input type="number" name="expire_day" class="layui-input" placeholder="请输入有效天数" value="{$row.expire_day|default=''}">
          </div>
    </div>
            
    <div class="layui-form-item" id="expiry_date">
         <label class="layui-form-label">优惠券有效期</label>
         <div class="layui-input-block">
              <input type="text" name="expiry_date" data-date="" data-date-type="datetime" data-date-range="-" class="layui-input"  placeholder="请选择优惠券有效期" value="{$row.expiry_date|default=''}">
        </div>
      </div>
    

    jquery

    if($("[name='expire_type']:checked").val() == '1'){
            $('#expire_day').show();
            $('#expiry_date').hide();
    }
       
    if($("[name='expire_type']:checked").val() == '2'){ 
           $('#expire_day').hide();
           $('#expiry_date').show();
    }
    

    相关文章

      网友评论

          本文标题:jquery--获取input radio单选框的值

          本文链接:https://www.haomeiwen.com/subject/laznsltx.html