首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何将图像放入JS中的按钮中,或者在满足条件时如何禁用图像按钮?

如何将图像放入JS中的按钮中,或者在满足条件时如何禁用图像按钮?
EN

Stack Overflow用户
提问于 2016-08-08 01:24:46
回答 1查看 124关注 0票数 0

我的JQgrid中有以下代码,用于在网格中创建一个按钮

代码语言:javascript
运行
复制
afterInsertRow: function (rowid) {
          var obj = jQuery("#FiTATimeCorrectionV2List").getRowData(rowid);
          var FADTLSID = obj.FitaAssignDtlID;
          if (FADTLSID !== undefined) {
              if (FADTLSID !== "") {
                  var btnApprove = "<img  alt='' src='../../Content/Images/newimages/check.png' style='height:20px;width:20px;'  style ='width: 90px' id='btnApprove" + rowid + "' onclick='clickmeapproved(" + rowid + " )' />"
                  var btnDisApprove = "<img  alt='' src='../../Content/Images/newimages/delete.png' style='height:20px;width:20px;' style ='width: 90px' id='btnApprove" + rowid + "' onclick='clickmedisapproved(" + rowid + " )' />"
                  jQuery("#FiTATimeCorrectionV2List").setRowData(rowid, { FitaCorForApproval: btnApprove });
                  jQuery("#FiTATimeCorrectionV2List").setRowData(rowid, { FitaCorForDisApproval: btnDisApprove });
                  var temp = obj.FitaStatus;                        
                  if (temp == "Approved") {
                      $("#btnApprove" + rowid).attr("disabled", true);                         
                      $("#btnDisApprove" + rowid).attr("disabled", true);
                  } else {
                      $("#btnApprove" + rowid).attr("disabled", false);
                      $("#btnDisApprove" + rowid).attr("disabled", false);
                  }
              }
          }
      },

这种代码是图像格式的,但是,如果我更改为<input type = 'button',则禁用代码不起作用,代码正在工作,图像消失。我只想创建一个图像按钮,如果满足条件,图像按钮将被禁用。我想要的是在加载数据之后,如果满足条件,图像按钮/s将是disabledenabled。作为上面的代码,当StatusApprovedDisapproved时,我想禁用所有的图像按钮/s。

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2016-08-08 02:23:01

使用jQuery的.prop方法。

代码语言:javascript
运行
复制
$("button:eq(0)").attr("disabled", false);
$("button:eq(1)").attr("disabled", true);
代码语言:javascript
运行
复制
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<button>1. button</button>
<button>2. button</button>

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/38820107

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档