小池啓仁 ヒロヒト応援ブログ By はてな

小池啓仁(コイケヒロヒト)の動画など。

小池啓仁 ヒロヒト応援ブログ By はてな

JavaScriptにフォーム部品情報を渡すには

input要素でonClickした時にJavaScriptへフォーム部品情報渡すには・・・。
とりあえず、以下の3と通りがありますね。

  1. thisで自分自身のオブジェクトを渡す方法
  2. name属性の値を渡す方法
  3. id属性の値を渡す方法
<html>
<head>
<script type="text/javascript">
function CheckThis(obj) {
        alert(obj.id + " " + obj.name);
        obj.checked = false;
        alert("チェックできません!(thisで自分自身のオブジェクトを渡す方法)");
}
function CheckName(name) {
        alert(name);
        document.FM.elements[name].checked = false;
        alert("チェックできません!(name属性の値を渡す方法)");
}
function CheckId(id) {
        alert(id);
        document.getElementById(id).checked = false;
        alert("チェックできません!(id属性の値を渡す方法)");
}
</script>
</head>
<body>
<form name="FM">
<input type="checkbox" name="AAA" id="AAA" onClick="CheckThis(this)">A</input>
<input type="checkbox" name="BBB"          onClick="CheckName(name)">B</input>
<input type="checkbox" name="CCC"          onClick="CheckName('CCC')">C</input>
<input type="checkbox"            id="DDD" onClick="CheckId(id)">D</input>
<input type="checkbox"            id="EEE" onClick="CheckId('EEE')">E</input>
</form>
</body>
</html>