下面是我的代码，其中包含单选按钮：
<ul id="chartType" >
<li class="thumbnail">
<label>
<input type="radio" value='AreaChart' ng-model="chart.type" />
<img src="images/area.png">
</label>
</li>
<li class="thumbnail">
<label>
<input type="radio" value='PieChart' ng-model="chart.type" />
<img src="images/pie.png">
</label>
</li>
<li class="thumbnail">
<label>
<input type="radio" value='ColumnChart' ng-model="chart.type" />
<img src="images/column.png" >
</label>
</li>
</ul>我想要的是类似于下面的代码（即，当用户单击li或img时，它的工作方式与上面的代码相同）：
<ul id="chartType" >
<li class="thumbnail">
<img src="images/area.png">
</li>
<li class="thumbnail">
<img src="images/pie.png">
</li>
<li class="thumbnail">
<img src="images/column.png" >
</li>
</ul>
2条答案
按热度按时间7gyucuyw1#
我发现这样做的一个方法是保留单选按钮，但只需删除CSS中的单选按钮圆圈，如下所示：
r6hnlfcb2#
您应该为此编写自己的指令，该指令将在单击元素后重新编译元素的dom。