Ajax チェックボックスの状態をhiddenにコピー

<script type="text/javascript" src="./prototype.js"></script>
<script type="text/javascript">
<!--
    function chkbox_handler(event) {
        var item = Event.element(event);
        hidid = 'hid_' + item.id;
        if (item.checked) {
            $(hidid).value = 'on';
        }
        else {
            $(hidid).value = 'off';
        }
    }
//-->
</script>

<?php $checked = ($chk_1 == 'on') ? 'checked' : '' ?>
<input id="chk_1" type="checkbox" <?php echo $checked ?> />チェック１
<input id="hid_chk_1" type="hidden" name="chk_1" value="<?php echo $chk_1 ?>" />
<script type="text/javascript">
    Event.observe('chk_1', 'click', chkbox_handler);
</script>