Inputs类

Inputs类

pandyle使用Inputs类来管理用户的输入。

• 创建：使用$(…).inputs()来创建Inputs类的实例，该实例获取指定元素下面所有表单元素的输入数据（表单元素不需要包含在<form>元素内）。也可使用new Pandyle.Inputs(element)来创建实例。

• Inputs拥有以下两个方法：

• data()：将表单元素的数据映射为对象并返回。

• set(data): 设置指定字段的值并更新对应的表单元素。

 <div>
     <p>
         姓名： <input type="text" name="name">
     </p>
     <p>
         性别： 
         <label>
             男
             <input type="radio" name="sex" value="1">
         </label>
         <label>
             女
             <input type="radio" name="sex" value="2">
         </label>
     </p>
     <p>
         职位：
         <select name="marriage">
             <option value="0">请选择</option>
             <option value="1">码农</option>
             <option value="2">设计</option>
             <option value="3">PM</option>
         </select>
     </p>
     <button onclick="output()">输出</button>
     <button onclick="reset()">重置</button>
 </div>
 <script>
     var inputs = $('div').inputs();
     function output(){
         console.log(inputs.data());
     }
     function reset(){
         inputs.set({
             name: '',
             sex: '',
             job: 0
         })
     }
 </script>