表单一键提取数据 $("form").serializeObject()

JSON.stringify( $('#form1').serializeObject() )  
<table class="table fcb_table">
      <th>日期</th>
      <th colspan="2"></th>
      <th colspan="3">投资建议书编号:<i class="identifier">电饭锅电饭锅23343</i></th>
      <tbody id="riskListCreat">
            <tr class="quota1" lang="1">
                  <td class="rowspan" rowspan="2">一、法规指标</td>
                  <td class="index">1</td>
                  <td class="short ipt"><textarea  name="fgzb1-1"></textarea></td>
                  <td class="long ipt"><textarea  name="fgzb1-2"></textarea></td>
                  <td class="lab">
                        <label for=""><input type="checkbox" name="fg"   onclick="check(this)"/>是</label>
                        <label for=""><input type="checkbox" name="fg"   onclick="check(this)"/>否</label>
                        <label for=""><input type="checkbox" name="fg"   onclick="check(this)"/>不适用</label>
                  </td>
                  <td class="handle">
                        <input class="btn btn-default" type="button"  value="+" onclick="riskAssessAdd(1)">
                  </td>
            </tr>
            <tr class="quota1" lang="1">
                  <td class="index">1</td>
                  <td class="short ipt"><textarea  name="fgzb1-1"></textarea></td>
                  <td class="long ipt"><textarea  name="fgzb1-2"></textarea></td>
                  <td class="lab">
                        <label for=""><input type="checkbox" name="fg"   onclick="check(this)"/>是</label>
                        <label for=""><input type="checkbox" name="fg"   onclick="check(this)"/>否</label>
                        <label for=""><input type="checkbox" name="fg"   onclick="check(this)"/>不适用</label>
                  </td>
                  <td class="handle">
                        <input class="btn btn-default" type="button"  value="+" onclick="riskAssessAdd(1)">
                  </td>
            </tr>
            <tr class="quota2" lang="2">
                  <td class="rowspan" rowspan="1">二、合同指标</td>
                  <td class="index">1</td>
                  <td class="short ipt"><textarea  name="htzb2-1"></textarea></td>
                  <td class="long ipt"><textarea  name="htzb2-2"></textarea></td>
                  <td class="lab">
                        <label for=""><input type="checkbox" name="ht"  onclick="check(this)"/>是</label>
                        <label for=""><input type="checkbox" name="ht"   onclick="check(this)"/>否</label>
                        <label for=""><input type="checkbox" name="ht"   onclick="check(this)"/>不适用</label>
                  </td>
                  <td class="handle">
                        <input class="btn btn-default" type="button"  value="+" onclick="riskAssessAdd(2)">                                                     
                  </td>
            </tr>
            <tr class="quota3" lang="3">
                  <td class="rowspan" rowspan="1">三、其他指标</td>
                  <td class="index">1</td>
                  <td class="short ipt"><textarea  name="qtzb3-1"></textarea></td>
                  <td class="long ipt"><textarea  name="qtzb3-2"></textarea></td>
                  <td class="lab">
                        <label for=""><input type="checkbox" name="qt"   onclick="check(this)"/>是</label>
                        <label for=""><input type="checkbox" name="qt"  onclick="check(this)"/>否</label>
                        <label for=""><input type="checkbox" name="qt"   onclick="check(this)"/>不适用</label>
                  </td>
                  <td class="handle">
                        <input class="btn btn-default" type="button"  value="+" onclick="riskAssessAdd(3)">
                  </td>
            </tr>
      </tbody>
</table>

 

 

①textarea: 根据name值取值

②checkbox,radio:  根据name取值,勾选返回“on”, 若是存在value属性则返回value值

③ 取得值都是 key:value  形式,key即name的值

 

 

如图:

左侧弹框9个框 分别对应9个name值。

左图第一排3个大框内textarea,input:checkbox 值分别对应右图3个红框内数组对,name值相同的自动放到一个key:value  对应组内。

注意: checkbox  没有赋value值的话,勾选返回on,不勾选不反回值。

           所以表单提交时需要验证非空选项,确保都进行了勾选

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值