Question

我有一个按钮，我希望它能够执行两种不同的功能。第一次单击它时启用文本框，其次单击时，它必须保存数据并禁用所有文本框并将名称更改为原始文本。

按钮名称为“更新并保存”。

首次运行应用程序时，将禁用文本框并调用按钮名称＆＃34;更新＆＃34;当我点击它启用所有文本框并将其名称更改为保存。到目前为止这是有效的。

当我点击＆＃34;保存＆＃34;我想要禁用文本框时出现问题它不会禁用文本框。我想知道我是否能够使用这种方法保存数据优点和缺点。如果你知道，你可以举例说明如何保存。

代码

<input  type="button" class="btn btn-success btn-sm pull-left" value="Update" onclick="EventChanger(this)" id="btnUS" />     

<script type="text/javascript">
   var elem = document.getElementById("btnUS");

    if (elem.value == "Update")
    {
        elem.value = "Save";

        $('#txtContactName').removeAttr('disabled', true);
        $('#txtIdentityNumber').removeAttr('disabled', true);
        $('#txtSuburb').removeAttr('disabled', true); 
        $('#txtCellNumber').removeAttr('disabled', false);  

    }
    else if(elem.value == "Save")
    {
        elem.value = "Update";

        $('#txtContactName').removeAttr('disabled', false);
        $('#txtIdentityNumber').removeAttr('disabled', false);
        $('#txtSuburb').removeAttr('disabled', false);
        $('#txtCellNumber').removeAttr('disabled', false);        
    }
</script>

先谢谢

Answer 1

使用SQL Server Browser代替prop() jquery官方网站：

注意：使用.removeAttr（）删除内联onclick事件处理程序在Internet Explorer 6,7或8中没有达到预期的效果避免潜在的问题，改为使用.prop（）：

removeAttr()

如何使用一个按钮使用Javascript编辑和保存

1 个答案: