• 使用layui问题-form表单提交时radio获取不到value值


    前端页面

     1 <form class="layui-form layui-form-pane" lay-filter="formAdd" id='formAdd'>
     2     <div class="layui-form-item">
     3         <label class="layui-form-label">类别</label>
     4         <div class="layui-input-block">
     5             <input type="radio" name="category" value="类别1" title="类别1" checked />
     6             <input type="radio" name="category" value="类别2" title="类别2" />
     7         </div>
     8     </div>
     9     <div class="layui-form-item">
    10         <div class="layui-input-block">
    11             <button class="layui-btn" lay-submit lay-filter="addform">确定添加</button>
    12         </div>
    13     </div>
    14 </form>

    JS代码

     1 layui.use(['form'],function(){
     2     var form = layui.form
     3     , layer = layui.layer;
     4     form.render();
     5     form.on('submit(addform)', function (data) {
     6             $("form#formAdd input[type='radio']:checked").each(function(){
     7                 data.field[$(this).attr('name')] = $(this).attr('title')
     8             });
     9             $.ajax({
    10                 type: "GET",
    11                 contentType: "application/json; charset=utf-8",
    12                 url: '/url_str/',
    13                 data: data.field,
    14                 dataType: 'json',
    15                 success: function (result) {
    16                     if (result.flag == 1) {
    17                         layer.msg("记录添加成功");
    18                     } else {
    19                         layer.alert(result.message);
    20                     }
    21                 },
    22                 error: function (XMLHttpRequest, textStatus, errorThrown) {
    23                     console.log(XMLHttpRequest.status);
    24                     console.log(XMLHttpRequest.readyState);
    25                     console.log(textStatus);
    26                 }
    27             });
    28             return false;
    29         });
    30 });    
  • 相关阅读:
    如何插入和查找记录(行)(十一)
    如何查看数据表及数据表结构(十)
    如何创建数据表(九)
    MySQL常见的数据类型(八)
    MySQL数据库的常见操作(七)
    如何修改提示符(六)
    MySQL的登录和退出(五)
    如何启动和关闭MySQL?(四)
    如何配置MySQL?(三)
    如何安装MySQL?(二)
  • 原文地址:https://www.cnblogs.com/rn-05181226-rw/p/12420688.html
Copyright © 2020-2023  润新知