0

我的 html 表单中有一个 8 个文本框，其中包含dividfa1到fa8. 默认情况下两个是可见的，六个是隐藏的。我正在使用两个按钮来显示addfa和removefa隐藏 div。我需要在表单提交后保持 div 计数，并且我使用下面的 html 来更新valuein html（默认情况下它是 3，如果我显示隐藏的 div 它会更改为 4..)

html代码：

<div class="add_remove_column">
<?php
 if(isset($_POST['countfa'])){  
 $valueid = $_POST['countfa'];
 ?>
<input  type="hidden" id="countfa" name="countfa" value="<?= $valueid ?>" readonly>
<?php
 }else{
  ?>

<input  type="hidden" id="countfa" name="countfa" value="3" readonly> 
 <?php
 }
?>
    <button type="button" onClick="AddNewFa();" id="addfa" > + Add New FA </button>
    <button  type="button" onClick="RemoveNewFa();" id="removefa" disabled="disabled"> - Remove FA</button> 
</div>

添加按钮的javascript：

function AddNewFa() 
    {
        var facount = parseInt($('#countfa').val(),9) ;
        if( facount < 9)
            {
                facount = facount+1;

                for(i=3;i<9;i++)
                {
                    if( i<facount )
                        $('#fa'+i).slideDown("fast");
                    else
                        $('#fa'+i).slideUp("fast"); 

                }
                $('#countfa').val(facount);  

            }
        if( facount ==9 )
            { $('#addfa').attr('disabled','disabled');} 
        if( facount ==4 )
            { $('#removefa').removeAttr("disabled");}

    }

根据 javascript，如果 facount 值为 4 及以上，则假设从按钮中删除该disabled属性。removefa

我看看我是否选择了额外的一个 div，countfa在表单提交后更改为 4，但removefa按钮仍然禁用。它假设处于启用状态，这里出了什么问题？

4

1 回答 1

1

您需要检查是否大于或等于。还需要使用.prop()设置禁用属性

if (facount >= 4) {
    $('#removefa').prop('disabled', false);
}

或尝试

$('#removefa').prop('disabled', facount < 4);
于 2013-10-06T12:19:12.763 回答