如何通過JavaScript動態選中/取消選中html復選框

Question

我知道有人問過有關此主題的幾個問題，但我找不到我的案子的答案。

我有一個選中的checkbox

<input type="checkbox" name="text" checked="checked" />

我需要通過檢查/取消選中來發送ajax請求，但是我不知道對於if statement例如（

if (this.value == 'on')
{
this.value = 'off';
ajax call;
}
else
{
this.value ='on';
ajax call;
}

請注意，該值在這里並不重要，我們需要捕獲checked/unchecked ，但是當html原始元素checked="checked"時，如何通過JavaScript控制選中元素？

如果使用checked而不是value作為

if (this.checked == true)
{
this.checked = false;
ajax call;
}
else
{
this.checked =true;
ajax call;
}

checkbox的勾號不會在瀏覽器中更改（始終打勾）。

Answer 1

以下應該工作：

function myFunction(elem)
{
    if (elem.checked)
    {
        alert("Im Checked");
    }
    else
    {
        alert("Im not checked");
    }
}

標記 ：

<input type="checkbox" name="text" checked="checked" onchange="myFunction(this);" />

http://jsfiddle.net/QMhn5/

更新 ：要更改其他元素的支票，請執行以下操作：

document.getElementById("chk").checked = true;

要么

document.getElementById("chk").checked = false;

示例： http ： //jsfiddle.net/QMhn5/1/

Answer 2

如果可以使用jquery，這應該可以工作：

<input type="checkbox" id="c1" />


$("#c1").change(function(){
    var checked = $(this).is(":checked");
    console.log(checked);
    //ajax call
})

小提琴： http : //jsfiddle.net/XUgTC/ ，嘗試單擊復選框並在控制台中查看。