Question

我有一个问题是将两个动作分配给一个按钮。单击图像后，图像会发生变化。仅当我单击图像而不是按钮时，操作才有效。您是否有任何想法如何更改代码后单击按钮图像更改和操作发生？

这是我的代码：

  <a href="" class="btn btn-gray">
                <img src="images/icons/full.png" alt="" ng-click="candidates.setTableType(candidates.tableTypes.ADVANCED)"
                     ng-show="candidates.selectedTableType == candidates.tableTypes.SIMPLE">
                <img src="images/icons/full-hide.png" alt="" ng-click="candidates.setTableType(candidates.tableTypes.SIMPLE)"
                     ng-show="candidates.selectedTableType == candidates.tableTypes.ADVANCED">
            </a>

谢谢你们！

Answer 1

您可以在此处使用两个<a>，并将ng-click和ng-show属性移动到相应的链接。

 <a href="" class="btn btn-gray" ng-show="candidates.selectedTableType == candidates.tableTypes.SIMPLE" ng-click="candidates.setTableType(candidates.tableTypes.ADVANCED)">
    <img src="images/icons/full.png" alt="">
</a>
<a href="" class="btn btn-gray" ng-click="candidates.setTableType(candidates.tableTypes.SIMPLE)" ng-show="candidates.selectedTableType == candidates.tableTypes.ADVANCED">
    <img src="images/icons/full-hide.png" alt="" >
</a>

Answer 2

我只是学习CSS / HTML，但我可以用一些javascript来解决你的问题。 link

HTML CODE

<div class="btn" id="myDiv" onClick="bgcol()"><a href="https://www.google.com" target="_blank">LINK</a> </div>

JS代码

 <script> function bgcol()
{ 
document.getElementById("myDiv").style.backgroundImage = "url('http://dataduppedings.no/subcube/Colour_Gradients/Cyan-Blue_256x256.png')"; 
 /* insert your image here */ 
} </script>

一个按钮中的两个动作（图像更改）

2 个答案: