×

Sign in with twitter.

You can follow the user and hashtags.

Share your tips on social media.

Post relative tips.

If you have relative tips, click [Add relative tips] to post.

フォームのリセットボタンではなく完全にフォーム内をクリアさせるjQueryスニペット

@Ogaaaan@Ogaaaan 7119 viewer 65 embed viewer embed
リセットボタンは各フォームエレメントの状態をページ表示時の状態に戻すだけですが、検索フォームなどではむしろすべてのフォーム内容を削除する方が重要なのでは?と思い、input[type="button"]的なボタンに割り当てたリセット用スニペット。

<button type="button" class="clearButton">クリア</button>
上記のボタンに割り当てるjQueryスニペット

$('.clearButton').click(function() {
if(confirm('すべての検索条件を\nクリアしますか?')) {
$('input[type="text"], input[type="checkbox"], input[type="radio"], select, textarea').val('');
}
});

#jquery

Click this to change format.

Add relative tips

Users who share this tip.

Comments