Question

我有一个选中的复选框：

<a href="SomeAction/1"><span class="fa fa-check-square-o" title="Option selected"></span></a>

点击一下，我希望webfont更改为unchecked，如下所示：

<a href="SomeAction/1"><span class="fa fa-square-o" title="Option not selected"></span></a>

表格中可以有多行。

我怀疑我需要一些javascript才能在勾选和未勾选的webfont之间进行交换？

编辑：

我目前正在测试的一些JS代码：

<span class="fa fa-square-o" onclick="this.className='fa fa-check-square-o'" title="Option not selected"></span>

Answer 1

你可以创建这样的东西，使其可以切换..

http://jsfiddle.net/84YAx/

$(document).ready(function(){
    count = 1;
});

$("#click").click(function(){
    count ++;
    if(count == 3){
        $("#click").css("font-family","monospace");
    }
    else if(count == 2){
        $("#click").css("font-family","arial");
    }
    if(count > 2)
    {count = 1}
});

Answer 2

听起来你只是在翻转课程。

http://jsfiddle.net/knp9X/

$('a').on('click',function(){
    $(this).children('span').toggleClass('fa-square-o').toggleClass('fa-check-square-o');
});

需要对单击时更改的webfont进行编码

2 个答案: