<input type="reset">のみアクセスする

書式

$(〜:reset)

説明

<input type="reset">のみアクセスするには疑似セレクタの:resetを指定します。

サンプルコード [実行]

<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<title>Sample</title>
<link rel="stylesheet" href="main.css" type="text/css" media="all">
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript"><!--
function setBG(){
$(":reset").css("background-color", "orange");
}
// --></script>
</head>
<body>
<h1>&lt;input type="reset"&gt;のみ背景色をつける</h1>
<form>
<input type="button" value="背景色を設定" onClick="setBG()"><br>
<input type="text" value="テキストフィールド"><br>
<input type="password" value="jquery">パスワード<br>
<input type="radio" name="cpuType">ラジオボタン1<br>
<input type="radio" name="cpuType">ラジオボタン2<br>
<input type="radio" name="cpuType">ラジオボタン3<br>
<input type="checkbox">チェックボックス<br>
<input type="checkbox" checked>チェックボックス<br>
<input type="checkbox">チェックボックス<br>
<input type="file">ファイル選択<br>
<input type="button" value="ただのボタン"><br>
<input type="reset" value="リセットボタン"><br>
<input type="submit" value="送信ボタン"><br>
<textarea cols="20" rows="10">ここはテキストエリアです</textarea>
</form>
</body>
</html>