Ks web Design

[CakePHP][jQuery] jQueryでフォームをリセットする

By syu on 3月 29th, 2011

ｊQueryを使ってフォーム要素をリセットしてみた。

<?php $this->Html->scriptStart();?>
$(function(){
	// 検索フォームの入力値をリセット
    $("button.reset").click(function(){
        $('input[type="text"], input[type="radio"], input[type="checkbox"], select').
        val("").
        removeAttr('checked').
        removeAttr('selected')
    })
})
<?php echo $html->scriptEnd();?>

//form
echo $form->create();
echo $form->text('name');
echo $form->text('tel');
echo $form->button('reset', array('class' => 'reset'));
echo $form->end();
?>

※jQueryへのパスは適宜変更すること。