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

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

---

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

<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;'>

or with JavaScript:

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

---

Use this:

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

This assumes the checkboxes to check have the class "messageCheckbox", otherwise you would have to do a check if the input is the checkbox type, etc.

---

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

---

If you're using Semantic UI React, data is passed as the second parameter to the onChange event.

You can therefore access the checked property as follows:

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

---

In my project, I usually use this snippets:

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

And it work well. Best regard.

참고URL : https://stackoverflow.com/questions/11599666/get-the-value-of-checked-checkbox