jquery メモガキ ― 2013-10-20 18:21:32
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<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="http://www.google.com/jsapi"></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>
<input type="checkbox" name="checkbox1" id="checkbox1-5" value="5" checked="checked" /><label for="checkbox1-5">checkbox1-5</label>
<br/><br/>
<input type="button" id="button1"style="height:30px;width:100px;" value="ボタン１" />
</form>
</div>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<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="http://www.google.com/jsapi"></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>
<input type="checkbox" name="checkbox1" id="checkbox1-5" value="5" checked="checked" /><label for="checkbox1-5">checkbox1-5</label>
<br/><br/>
<input type="button" id="button1"style="height:30px;width:100px;" value="ボタン１" />
</form>
</div>
</body>
</html>
コメント
トラックバック
このエントリのトラックバックURL: http://tomohisa.asablo.jp/blog/2013/10/20/7016771/tb
コメントをどうぞ
※メールアドレスとURLの入力は必須ではありません。 入力されたメールアドレスは記事に反映されず、ブログの管理者のみが参照できます。