Question

问题：我想要做的是检查图像是否被选中。如果已选中，则显示将显示数据的隐藏表..

隐藏表下面我想显示

    <TABLE Border="0" width="100%" align="center" cellpadding=0 cellspacing=0 id="display">
          <tr>
          <td valign="top" rowspan="2" style="background:white;"><input name="txtHealthPlan" value="<cfoutput>#strHealthPlan#</cfoutput>" size="30" style="border:none;background-color:transparent;" readonly> </td>
          <td rowspan="2" style="background:white;"><textarea  class="a" name="txtOPTDesc" cols="25" rows="2" id="txtOPTDesc" readonly ><cfoutput>#strOPTDesc#</cfoutput></textarea></td>

          </tr></table>

这是我在包含图片的标签中输入的ID：

<span style="margin-left:35px"><img src="images/search.jpg" id="img1" alt="Please click to open the Health Plan Search Utility" width="25" height="25" class="no-border" onclick="FindHPlan()"> &nbsp; As of&nbsp;<input type="text" name="AsPerDt" id="clicked" size="15" class="borderC" value="<cfoutput>#strAsPerDt#</cfoutput>" maxlength="10"  title="As Per"></span>

我做了以下javascript来确定图像是否被选中。

document.getElementById("clicked").addEventListener("click", check)

function check(){
    if(document.getElementById("clicked").click)
        document.getElementById("display").style.display = "block"
}

但是，当我编译并运行页面时，我无法打开附加图像的链接。

根据每个人的请求，我删除了if语句并添加了一个onclick事件。所以我有以下内容：

      <td class="m">OPT&nbsp;<input class="borderC" id="OPT" name="txtOPT" size="20" value="<cfoutput>#strOPT#</cfoutput>"> <span style="margin-left:35px"><img src="images/search.jpg" alt="Please click to open the Health Plan Search Utility" width="25" height="25" class="no-border" onclick="FindHPlan(); check()"> &nbsp; As of&nbsp;<input type="text" name="AsPerDt" size="15" class="borderC" value="<cfoutput>#strAsPerDt#</cfoutput>" maxlength="10"  title="As Per"></span>
    </td>

显示隐藏的表格。但是，隐藏表后应显示的第二部分数据将不会显示。

如何确定是否单击了图像

0 个答案: