Изменить/Проверить состояние CheckBox

Ответ 1

Использование onclick будет работать. Теоретически это может не улавливать изменения, внесенные с помощью клавиатуры, но все браузеры, похоже, все равно запускают событие при проверке с клавиатуры.

Вам также необходимо передать флажок в функцию:

function checkAddress(checkbox)
{
    if (checkbox.checked)
    {
        alert("a");
    }
}

HTML

<input type="checkbox" name="checkAddress" onclick="checkAddress(this)" />

Ответ 2

Вам необходимо установить флажок перед его использованием.

Дайте флажку атрибут id, чтобы получить его с помощью document.getElementById(..), а затем проверьте его текущее состояние.

Например:

function checkAddress()
{
    var chkBox = document.getElementById('checkAddress');
    if (chkBox.checked)
    {
        // ..
    }
}

И ваш HTML будет выглядеть следующим образом:

<input type="checkbox" id="checkAddress" name="checkAddress" onclick="checkAddress()"/>

(Также изменился onchange на onclick. Не работает в IE не очень хорошо:).

Ответ 3

Я знаю, что это очень поздний ответ, но этот код является более гибким и должен помочь опоздавшим, как я.

function copycheck(from,to) {
//retrives variables "from" (original checkbox/element) and "to" (target checkbox) you declare when you call the function on the HTML.

    if(document.getElementById(from).checked==true) 
    //checks status of "from" element. change to whatever validation you prefer.
        {
            document.getElementById(to).checked=true;
             //if validation returns true, checks target checkbox
        }
    else
        {   
            document.getElementById(to).checked=false; 
             //if validation returns true, unchecks target checkbox
        }
}

HTML, что-то вроде

<input type="radio" name="bob" onclick="copycheck('from','to');" />

где "from" и "to" - соответствующие идентификаторы элементов "from", которые вы хотите скопировать "в". Как и в случае, если флажок установлен, вы можете ввести любой идентификатор, который вы хотите, и любое условие, которое вы желаете, если "to" (быть флажком для управления) правильно определено при отправке переменных из вызова события html.

Обратите внимание, что, как сказал SpYk3HH, целью, которую вы хотите использовать, является массив по умолчанию. Использование инструмента "Информация о элементах отображения" на панели инструментов веб-разработчика поможет вам найти полный идентификатор соответствующих флажков.

Надеюсь, что это поможет.

Ответ 4

Я знаю, что это поздняя информация, но в jQuery использование .checked возможно и просто! Если ваш элемент выглядит примерно так:

<td>
    <input type="radio" name="bob" />
</td>

Вы можете легко получить/установить проверенное состояние как таковое:

$("td").each(function()
{
    $(this).click(function()
    {
        var thisInput  = $(this).find("input[type=radio]");
        var checked = thisInput.is(":checked");
        thisInput[0].checked = (checked) ?  false : true;
    }
});

В секрете используется идентификатор индекса массива [0] ", который является ЭЛЕМЕНТОМ вашего объекта jquery! НАСЛАЖДАЙТЕСЬ!

Ответ 5

Нужно быть:

if (document.forms[0].elements["checkAddress"].checked == true)

Предполагая, что у вас есть одна форма, в противном случае используйте имя формы.

Как побочная заметка, не вызывайте элемент и функцию с тем же именем, это может вызвать странные конфликты.

Ответ 6

Вам нужно следующее:

window.onload = function(){
    var elCheckBox=document.getElementById("cbxTodos");
    elCheckBox.onchange =function (){
        alert("como ves");
    }
};

Ответ 7

<input type="checkbox" name="checkAddress" onclick="if(this.checked){ alert('a'); }" />

Ответ 8

Это пример того, как я использую такие вещи:

HTML:

<input type="checkbox" id="ThisIsTheId" value="X" onchange="ThisIsTheFunction(this.id,this.checked)">

JAVASCRIPT:

function ThisIsTheFunction(temp,temp2) {
  if(temp2 == true) {
    document.getElementById(temp).style.visibility = "visible";
  } else {
    document.getElementById(temp).style.visibility = "hidden";
  }
}

Ответ 9

var val = $ ("# checkboxId"). is (": флажок");