时间戳

首页 > 解决方案 > 如何更改字段属性：只读和更改按钮后保存

javascript - 如何更改字段属性：只读和更改按钮后保存

问题描述

我想修改按钮。

<label>Title</label> <input type="text" name="title" value="${boardVO.title}" readonly="readonly">


<button type="button" onClick="change('asdasd')"
class="btn btn-info">MODIFY</button>

和脚本是

function change(target){
  if(target=='asdasd'){
    $("input[name='title']).removeAttr("readOnly");

如果我首先单击“修改”，请删除只读。并编辑文本再单击一次“修改”（第二次单击）文本被保存。

我正在考虑改变类型。

如果更改按钮类型“按钮”->“提交”，也许？

如果我是正确的，那么我不知道如何在脚本中更改按钮类型

标签： javascriptjquery

解决方案

  • 您拼写readonly为readOnly- 属性全部小写
  • 只需让按钮执行一些 Ajax：

$(function() {
  $("#mod").on("click",function() {
    if (this.innerText=="MODIFY") {
      this.innerText="SAVE";
      $("[name=title]").removeAttr("readonly");
    }
    else {
      this.innerText="MODIFY";
      $("[name=title]").attr("readonly","readonly");
      var title = $.trim($("[name=title]").val());
      if (title) {
        $.post("someurl",{ "title": title },function(data) { console.log(data) });
      }  
    }
  });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<label>Title</label> <input type="text" name="title" value="${boardVO.title}" readonly="readonly">


<button type="button" id="mod" class="btn btn-info">MODIFY</button>

推荐阅读