layui 如何取得radio单选框选中的值

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>增加/编辑系统字段设置</title>
<link rel="stylesheet" href="__STATIC__/layui/css/layui.css" media="all">
<script src="__STATIC__/layui/layui.js"></script> 

</head>

<body style="background-color: #FFFFFF;">
<div class="layui-fluid" style="margin-top: 20px;" lay-filter="test1">
<form class="layui-form" action="{:url('system_add',['id'=>$id])}" method="post">
  <div class="layui-form-item">
    <label class="layui-form-label">类型</label>
    <div class="layui-input-block">
      <input type="radio" name="type" value="0" title="简短文本" {empty name="$rs.type"}checked{/empty}>
      <input type="radio" name="type" value="1" title="图片"     {if $rs.type == 1 }checked{/if}>
      <input type="radio" name="type" value="2" title="文件"     {if $rs.type == 2 }checked{/if}>
    </div>
</div>

  <div class="layui-form-item">
    <div class="layui-inline">
      <label class="layui-form-label">标题</label>
      <div class="layui-input-inline">
        <input type="text" name="title" id="title" value="{$rs.title}" required  lay-verify="required" placeholder="请输入标题" autocomplete="off" class="layui-input">
      </div>
    </div>
    <div class="layui-inline">
      <label class="layui-form-label">字段</label>
      <div class="layui-input-inline">
         <input type="text" name="field" value="{$rs.field}" required  lay-verify="required" placeholder="只能输入英文" autocomplete="off" class="layui-input">
      </div>
      <div class="layui-form-mid layui-word-aux">例子:live_username</div>
    </div>
  </div>
<!--文本-->
  <div class="layui-form-item" id="type0">
    <label class="layui-form-label">值</label>
    <div class="layui-input-block">
      <input type="text" name="value" value="{$rs.value}" placeholder="" autocomplete="off" class="layui-input">
    </div>
  </div>
<!--图片-->
  <div class="layui-form-item" id="type1">
        <label class="layui-form-label">图片</label>
        <div class="layui-input-block">
          <input type="file" name="image[]" />
            {if $rs.value }
            <a href="/Uploads/{$rs.value}" target="_blank"><img style="float:left;" src="/Uploads/{$rs.value}" width="30" height="30px"></a>
            {/if}
        </div>
  </div>
 <!--文件-->
  <div class="layui-form-item" id="type2">
        <label class="layui-form-label">文件</label>
        <div class="layui-input-block">
          <input type="file" name="image[]" />
            {if $rs.value }
            <a href="/Uploads/{$rs.value}" target="_blank"><img style="float:left;" src="/Uploads/{$rs.value}" width="30" height="30px"></a>
            {/if}
        </div>
  </div>
  
  <div class="layui-form-item layui-form-text">
    <label class="layui-form-label">提示文字</label>
    <div class="layui-input-block">
      <textarea name="placeholder" placeholder="请输入提示内容" class="layui-textarea">{$rs.placeholder}</textarea>
    </div>
  </div>
    <div class="layui-form-item">
    <label class="layui-form-label">排序</label>
    <div class="layui-input-block">
      <input type="text" name="sort" value="{$rs.sort}" placeholder="越大越前面" autocomplete="off" class="layui-input" value="1">
    </div>
  </div>

  <div class="layui-form-item">
    <div class="layui-input-block">
      <button class="layui-btn" lay-submit lay-filter="formDemo">立即提交</button>
      <button type="reset" class="layui-btn layui-btn-primary">重置</button>
    </div>
  </div>
</form>
</div> 
<script>
layui.use(['form', 'jquery'], function(){
  var form = layui.form
  ,$= layui.$;
  
			form.on('radio', function(data){
			    //console.log(data.elem); //得到radio原始DOM对象
			    //console.log(data.value); //被点击的radio的value值
					     if(data.value==1){
					     	    console.log('111');
					     }else if (data.value==2) {
					     	      console.log('2222');
					     }
					   

			     
			});  
			
				layer.ready(function(){ 
					     $("#type0").show();
					     $("#type1").hide();
					     $("#type2").hide();
					     
				});
			
			
});
</script>

</body>
</html>


选中单选框,执行对应的事件


已标记关键词 清除标记
©️2020 CSDN 皮肤主题: 1024 设计师:上身试试 返回首页