使用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 });    

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM