原创 

(小君原创)js轻量级双向绑定插件way.js的使用--前篇

分类:    2270人阅读    IT小君  2015-05-06 22:42

本来想自己写一个的,结果别人已经写出来的,这叫我情何以堪。

简单绑定 DEMO:

<!DOCTYPE HTML>
<html>
<head>
<title>wayjs demo</title>
<script src="way.min.js"></script>
</head>
<body>
<div>
	  <form way-data="myFormData" way-persistent="true">
    <input type="text" name="name">
    <input type="text" name="age">
    <input type="text" name="gender">
  </form>

Name: <span way-data="myFormData.name"></span>
age: <span way-data="myFormData.age"></span>
gender: <span way-data="myFormData.gender"></span>
</div>
</body>
</html>
获取输入的值 DEMO:
<!DOCTYPE HTML>
<html>
<head>
<title>wayjs demo</title>
<meta charset="UTF-8"/>
<script src="way.min.js"></script>
<script src="jquery-1.7.1.js"></script>
<script type="text/javascript">
	$(function(){
		$('#getModelData').click(function(){
			console.log(way.get("myFormData"));
		});
	});
</script>
</head>
<body>
<div>
  <input type="button" value="获取值" id="getModelData"/>
	  <form way-data="myFormData" way-persistent="true" id="myFormData">
    <input type="text" name="name">
    <input type="text" name="age">
    <input type="text" name="gender">
  </form>
</div>
</body>
</html>
不早了先睡了


点击广告,支持我们为你提供更好的服务

canvas炫酷鼠标移动文字粒子特效

HTML5现代家居装潢公司网站模板

响应式咖啡饮品宣传网站模板

js+css3抽奖转盘旋转点餐代码

现代时尚家具公司网站模板

html5 canvas进度条圆环图表统计动画特效

HTML5 Canvas竖直流动线条背景动画特效

jQuery右端悬浮带返回顶部特效

html5图标下拉搜索框自动匹配代码

小众时尚单品在线电子商务网站模板

html5 svg夜空中星星流星动画场景特效

HTML5数字产品服务公司网站模板

html5 canvas彩色碎片组合球形旋转动画特效

中小型创意设计服务公司网站模板

css+js实现的颜色渐变数字时钟动画特效

网页设计开发公司网站模板

响应式时尚单品在线商城网站模板

响应式太阳能能源公司网站模板

css鼠标跟随文字模糊特效

有机水果蔬菜HTML5网站模板

点击广告,支持我们为你提供更好的服务
 工具推荐 更多»
点击广告,支持我们为你提供更好的服务