jQuery對json快速賦值，重點在於將input的id取跟JSON同樣的名稱。
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>jQuery對json快速賦值</title>
<!--引用jQuery庫-->
<script src="js/jquery-1.11.3.min.js"></script>
</head>
<body>
<div>
姓名:<input type="text" id="name">
出生日期:<input type="date" id="birthday">
其他:<input type="text" id="other">
</div>
<div>
性別:<input type="hidden" id="sex">
<input type="radio" name="user_sex" value="男">男
<input type="radio" name="user_sex" value="女">女
</div>
<button id="btn">按鈕</button>
<script>
$(function () {
$('#btn').on('click',function(){
json_assignment();
});
radio_event();
//性別單選值賦給input
function radio_event(){
//checkbox或select都可以用同樣的方法
$('input[name="user_sex"]').on('change', function () {
var tt=$('#sex');
tt.val($("input[name='user_sex']:checked").val())
})
}
function json_assignment(){
var con={name:'',birthday:'',other:'',sex:''};
var parse={name:'姓名',birthday:'出生日期',sex:'性別'};
for(var ii in con){
con[ii]=$('#'+ii).val();
if(con[ii]==''){
if(ii in parse){
alert(parse[ii]+'不能為空');
return;
}
}
}
//控制台輸出
console.log(con);
}
});
</script>
</body>
</html>
第一篇博客，希望跟大家好好交流。