확인란의 값을 가져 옵니까?

그래서 다음과 같은 코드가 있습니다.

<input class="messageCheckbox" type="checkbox" value="3" name="mailId[]">
<input class="messageCheckbox" type="checkbox" value="1" name="mailId[]">

현재 선택된 확인란의 값을 얻으려면 Javascript가 필요합니다.

편집 : 추가하려면 확인란이 하나만 있습니다.

최신 브라우저의 경우 :

var checkedValue = document.querySelector('.messageCheckbox:checked').value;

사용하여jQuery :

var checkedValue = $('.messageCheckbox:checked').val();

없는 순수한 자바 스크립트jQuery :

var checkedValue = null; 
var inputElements = document.getElementsByClassName('messageCheckbox');
for(var i=0; inputElements[i]; ++i){
      if(inputElements[i].checked){
           checkedValue = inputElements[i].value;
           break;
      }
}

위의 어느 것도 나를 위해 일한 것이 아니라 단순히 이것을 사용하십시오.

document.querySelector('.messageCheckbox').checked;

행복한 코딩.

내 코드에서 이것을 사용하고 있습니다.

var x=$("#checkbox").is(":checked");

확인란을 선택 x하면 true 이고 그렇지 않으면 false입니다.

일반 자바 스크립트로 :

function test() {
    var cboxes = document.getElementsByName('mailId[]');
    var len = cboxes.length;
    for (var i=0; i<len; i++) {
        alert(i + (cboxes[i].checked?' checked ':' unchecked ') + cboxes[i].value);
    }
}

function selectOnlyOne(current_clicked) {
    var cboxes = document.getElementsByName('mailId[]');
    var len = cboxes.length;
    for (var i=0; i<len; i++) {
        cboxes[i].checked = (cboxes[i] == current);
    }
}

이 질문에 직접 대답하지는 않지만 향후 방문자에게 도움이 될 수 있습니다.

변수의 상태를 계속 확인하지 않고 항상 확인란의 현재 상태를 유지하려는 onchange경우 이벤트를 수정하여 해당 변수를 설정할 수 있습니다.

이것은 HTML에서 수행 할 수 있습니다.

<input class='messageCheckbox' type='checkbox' onchange='some_var=this.checked;'>

또는 JavaScript로 :

cb = document.getElementsByClassName('messageCheckbox')[0]
cb.addEventListener('change', function(){some_var = this.checked})

이것을 사용하십시오 :

alert($(".messageCheckbox").is(":checked").val())

이것은 체크 박스에 "messageCheckbox"클래스가 있다고 가정하고 그렇지 않으면 입력이 체크 박스 유형인지 확인해야합니다.

<input class="messageCheckbox" type="checkbox" onchange="getValue(this.value)" value="3" name="mailId[]">

<input class="messageCheckbox" type="checkbox" onchange="getValue(this.value)" value="1" name="mailId[]">

function getValue(value){
    alert(value);
}

당신이 사용하는 경우 시맨틱 UI 반응 , data받는 두 번째 매개 변수로 전달되는 onChange이벤트입니다.

따라서 checked다음과 같이 속성에 액세스 할 수 있습니다 .

<Checkbox label="Conference" onChange={(e, d) => console.log(d.checked)} />

위의 어느 것도 상자를 선택하지 않았을 때 콘솔에서 오류를 발생시키지 않고 나에게 도움이되지 않았습니다. 훨씬 더 큰 양식 제출 기능) :

function checkbox() {
  var checked = false;
  if (document.querySelector('#opt1:checked')) {
     checked = true;
  }
  document.getElementById('msg').innerText = checked;
}

<input type="checkbox" onclick="checkbox()" id="opt1"> <span id="msg">Click The Box</span>

내 프로젝트에서는 일반적으로이 스 니펫을 사용합니다.

var type[];
$("input[name='messageCheckbox']:checked").each(function (i) {
                type[i] = $(this).val();
            });

그리고 잘 작동합니다. 안부.