Question

我需要帮助找出提供按钮来重置这些复选框的方法。

UPDATEL：我有更多信息要分享：

提供的答案仅适用于使用该实例选择的复选框，而不适用于已启用onLoad的复选框。这是一个参考页面，人们可以选择他们喜欢的类型并保存它们。

<div class="grid_13">
<form method="post" id="updatePreferedGenres" action="/account/update/preferences/genres">
    <h2 class="alt blue no-margin-top margin-bottom">Check off genres you like:</h2>

    <?php

    $this->load->library('GenreLib');
    $genreArray = $this->genrelib->getGenreList();

    foreach ($genreArray as $parentID => $genreSegment){

        $isChecked = "";

        if (isset($customerPrefs['genres']) && is_array($customerPrefs['genres']) && sizeof($customerPrefs['genres']) > 0 && in_array($parentID, array_keys($customerPrefs['genres']))) {
            $isChecked = "CHECKED";
        }

        echo '<p class="grid_3 no-margins-left no-margins-right"><input type="checkbox" class="margin-right" name="' . $genreSegment['parentGenreName'] . '" value="' . $parentID . '"' . $isChecked . '/>' . $genreSegment['parentGenreName'] . '</p>';

    }

    ?>

    <div class="clear"></div>
    <input type="button" class="button right" value="Save" />
    <div class="clear"></div>
</form>

// Rig the preferences form
$("#updateDHOverride").submit(function(event) {
    event.preventDefault();
    if ( $(this).find("#downloadHubOverride").is(':checked')){
        document.cookie = 'downloadHubOverride=TRUE; expires=Thursday, 25-Jul-2030 23:59:59 GMT; path=/';
    }
    else {
        document.cookie = 'downloadHubOverride=FALSE; expires=Thursday, 25-Jul-2030 23:59:59 GMT; path=/';
    }
});


// Rig the submit for genre preferences form
$("#updatePreferedGenres").each(function() {

    var linkedForm = $(this);

    $(this).find("#prefSave").click( function(event) {

        event.preventDefault();

        var getGenreIds = "";

        linkedForm.find("input[type=checkbox]").each( function() {
            if ( $(this).is(":checked") ) {
                if ( getGenreIds.length > 0) {
                    getGenreIds += ',' + $(this).attr('value');
                }
                else {
                    getGenreIds += $(this).attr('value');
                }
            }
        });

        $.post(
            linkedForm.attr('action'),
            { genreIds : getGenreIds },
            function (status) {

                status = $.parseJSON(status);

                if ( status.status == "success" ) {
                    $.prompt('<h4>Preferences updated successfully!</h4>', {
                        top: '34%',
                        zIndex: '10000'
                    });

                    if ( linkedForm.hasClass('goHome') ) window.location = "/";
                }
                else {
                    $.prompt('<h4>' +  status.message + '</h4>', {
                        top: '34%',
                        zIndex: '10000'
                    });
                }
            }
        );

    });

});

// REMOVE checkboxes Script - need to place into onClick Function
//  $('input:checkbox').removeAttr('checked');

$('#activateAccount').submit( function(event) {

    event.preventDefault();

    // update form update action
    $.post(
        $(this).attr('action'),
        $(this).serialize(),
        function (status) {

            //console.log(status);

            status = $.parseJSON(status);

            if ( status.status == "success" ) {
                $.prompt('<h4>Account updated successfully!</h4>', {
                    top: '34%',
                    zIndex: '10000',
                    buttons: { OK:true },
                    submit: function(v,m,f){
                        location.reload(true);
                    }
                });
            }
            else {
                if ( status.data != "" ) {
                    //if there are form validation errors
                    displayValidation(status.data);
                }
                else {
                    //generic error message
                    $.prompt('<h4>' +  status.message + '</h4>', {
                        top: '34%',
                        zIndex: '10000'
                    });
                }
            }
        }
    );
});

我对需要发生什么有一个基本的想法，我只是不确定语法。

Answer 1

因为您似乎只有复选框：

<input type='reset' value='resetButton'>

Answer 2

不需要PHP，也不需要Javascript：

<input type="reset" value="Reset checkboxes" />

添加重置按钮以使用PHP或javascript重置复选框

2 个答案: