How to dynamically checkuncheck html checkbox by JavaScript - Stack Overflow

admin管理员组

文章数量:1344315

I know that several questions about this topic have been asked, but I was unable to find an answer for my case.

I have a checked checkbox as

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

I need to send ajax request by checking/unchecking, but I do not know what can be the reliable (with browser patibility) for an if statement such as

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

Note that the value is not important here, and we need to catch checked/unchecked, but how control the checked element by JavaScript when the html original element has checked="checked"?

If using checked instead of value as

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

The tick of checkbox will not be changed in the browser (always ticked).

I know that several questions about this topic have been asked, but I was unable to find an answer for my case.

I have a checked checkbox as

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

I need to send ajax request by checking/unchecking, but I do not know what can be the reliable (with browser patibility) for an if statement such as

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

Note that the value is not important here, and we need to catch checked/unchecked, but how control the checked element by JavaScript when the html original element has checked="checked"?

If using checked instead of value as

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

The tick of checkbox will not be changed in the browser (always ticked).

• javascript
• checkbox

Share Improve this question Follow asked Oct 29, 2013 at 18:37 GooglebotGooglebot 15.7k4545 gold badges144144 silver badges247247 bronze badges

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 4

The following should work:

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

Markup:

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

http://jsfiddle/QMhn5/

Update: To change the check from other element:

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

or

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

Example: http://jsfiddle/QMhn5/1/

If you can use jquery, this should work:

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


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

Fiddle: http://jsfiddle/XUgTC/ , try clicking the checkbox and look in the console.

本文标签： How to dynamically checkuncheck html checkbox by JavaScriptStack Overflow