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

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

<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);
    }
}

답변

$(document).ready(function() {
  var ckbox = $("input[name='ips']");
  var chkId = '';
  $('input').on('click', function() {

    if (ckbox.is(':checked')) {
      $("input[name='ips']:checked").each ( function() {
   			chkId = $(this).val() + ",";
        chkId = chkId.slice(0, -1);
 	  });

       alert ( $(this).val() ); // return all values of checkboxes checked
       alert(chkId); // return value of checkbox checked
    }
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<input type="checkbox" name="ips" value="12520">
<input type="checkbox" name="ips" value="12521">
<input type="checkbox" name="ips" value="12522">

스 니펫 확장

답변

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

변수의 상태를 계속 확인하지 않고 항상 확인란의 현재 상태를 유지하려는 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”클래스가 있다고 가정하고 그렇지 않으면 입력이 체크 박스 유형인지 확인해야합니다.