<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "
[URL]">
<html xmlns="
[URL]">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Pragma" content="no-cache" />
<meta http-equiv="Cache-Control" content="no-cache" />
<title>
sample001
</title>
<script type="text/javascript" src="
[URL]"></script>
<script type="text/javascript">google.load("jquery", "1.7");</script>
<script type="text/javascript"><!--
$(document).ready(function() {
var defaultVals = $("select,input[type='text'],input[type='checkbox']").clone();
$("#button1").click(function() {
var flag = false;
var changeId = "";
var inputVals = $("select,input[type='text'],input[type='checkbox']");
for (i = 0; i < inputVals.length; i++) {
var inputObj = inputVals[i];
for (j = 0; j < defaultVals.length; j++) {
var defaultVal = defaultVals[j];
if (inputObj.id == defaultVal.id) {
if (inputObj.type == "checkbox") {
if (inputObj.checked != defaultVal.checked) {
alert("inputObj.id = " + inputObj.id
+ "\ninputObj.checked = " + inputObj.checked
+ "\ndefaultVal.checked = " + defaultVal.checked);
changeId = inputObj.id;
flag = true;
break;
}
} else {
alert("inputObj.id = " + inputObj.id
+ "\ninputObj.value = " + inputObj.value
+ "\ndefaultVal.value = " + defaultVal.value);
if (inputObj.value != defaultVal.value) {
changeId = inputObj.id;
flag = true;
break;
}
}
}
}
if (flag == true) {
break;
}
}
if (flag == true) {
alert("変更あり : " + changeId);
var s = "defaultVal.id = " + defaultVal.id
+ ", defaultVal.value = " + defaultVal.value
+ ", defaultVal.checked = " + defaultVal.checked + "\n"
+ "input.id = " + inputObj.id
+ ", input.value = " + inputObj.value
+ ", input.checked = " + inputObj.checked
alert(s);
} else {
alert("変更なし");
}
});
});
//--></script>
</head>
<body>
<div id="div1">
<form id="form1">
<label for="text1">テキスト１<input type="text" id="text1" value="初期値" /></label><br/>
<select id="select1">
<option id="option1-1" value="option1-1">option1-1</option>
<option id="option1-2" value="option1-2">option1-2</option>
<option id="option1-3" value="option1-3">option1-3</option>
<option id="option1-4" value="option1-4">option1-4</option>
<option id="option1-5" value="option1-5"selected="selected">option1-5</option>
</select><br/>
<input type="checkbox" name="checkbox1" id="checkbox1-1" value="1" /><label for="checkbox1-1">checkbox1-1</label>
<input type="checkbox" name="checkbox1" id="checkbox1-2" value="2" /><label for="checkbox1-2">checkbox1-2</label>
<input type="checkbox" name="checkbox1" id="checkbox1-3" value="3" /><label for="checkbox1-3">checkbox1-3</label>
<input type="checkbox" name="checkbox1" id="checkbox1-4" value="4" /><label for="checkbox1-4">checkbox1-4</label>
ｺﾒﾝﾄをする