表单提交后,输入复选框无法正常工作

时间:2015-05-11 03:40:31

标签: javascript jquery html forms

我尝试过添加:

   <meta http-equiv="cache-control" content="max-age=0" />
   <meta http-equiv="cache-control" content="no-cache" />
   <meta http-equiv="expires" content="0" />
   <meta http-equiv="expires" content="Tue, 01 Jan 1980 1:00:00 GMT" />
   <meta http-equiv="pragma" content="no-cache" />

并补充说:

  'autocomplete' => 'off'

并补充说:

  onload="document.getElementById('myform').reset()

在我的表单和html标签上。

但提交表单后,复选框仍无法正常工作。

我在复选框中执行的操作是在选中时启用/禁用某些输入。

$(document).ready(function(e) {

    $('#checkSpend').change(function(){
        if ($(this).is(':checked')) 
            {
                $('li.opcititycheckSpend').fadeTo(500,1);
                $('input.group1').removeAttr('disabled');
            } 
        else if ($(this).not(':checked'))
            {
                $('li.opcititycheckSpend').fadeTo(500,0.5);
                $('input.group1').attr('disabled','disabled');
            }
    })  


    $('#checkRegister').change(function(){
        if ($(this).is(':checked')) 
            {
                $('li.opcititycheckRef').fadeTo(500,1);
                $('input.checkRegistered').removeAttr('disabled');
                $('#inputFrom').focus();
            } 
        else  
            {
                $('li.opcititycheckRef').fadeTo(500,0.5);
                $('input.checkRegistered').attr('disabled','disabled');
            }
    })  


    $('#checkTopup').change(function(){
        if ($(this).is(':checked')) 
            {
                $('li.opcititycheckTopup').fadeTo(500,1);
                $('input.checktoped').removeAttr('disabled');
            } 
        else if ($(this).not(':checked'))
            {
                $('li.opcititycheckTopup').fadeTo(500,0.5);
                $('input.checktoped').attr('disabled','disabled');
            }
    })
    cache: false
});

重新加载页面时,它正常工作。

提交表单后如何使它们再次正常工作。 (因为在提交表单后,它会再次转到具有表单模板的页面重新提交表单。)

提前致谢。

1 个答案:

答案 0 :(得分:0)

编辑:

添加事件处理程序后,请尝试trigger()

$('#checkSpend, #checkRegister, #checkTopup').trigger('change'); //triggers given event on page load

删除此行:

 onload="document.getElementById('myform').reset()"