jQuery: 확인란을 선택하지 않은 경우 테스트
저는 이것을 이해하는 데 어려움을 겪고 있습니다.두 개의 확인란이 있습니다(앞으로 더 많은 확인란이 추가될 예정).
checkSurfaceEnvironment-1
checkSurfaceEnvironment-2
기본적으로 나는 if문을 작성하고 그 중 하나는 체크가 되고 다른 하나는 체크가 안 되는지 테스트하고 싶습니다.다음을 수행하는 가장 쉬운 방법은 무엇입니까?
if ( $("#checkSurfaceEnvironment-1").attr('checked', true) &&
$("#checkSurfaceEnvironment-2").is('**(NOT??)** :checked') ) {
// do something
}
신뢰할 수 있는 한 가지 방법은 다음과 같습니다.
if($("#checkSurfaceEnvironment-1").prop('checked') == true){
//do something
}
선택한 요소를 반복하려면 상위 요소를 사용합니다.
$("#parentId").find("checkbox").each(function(){
if ($(this).prop('checked')==true){
//do something
}
});
추가 정보:
모든 확인란에는 확인란의 실제 상태를 저장하는 속성이 선택되어 있기 때문에 잘 작동합니다.페이지를 검사하고 확인란을 선택 및 선택 취소하면 "선택됨" 특성(있는 경우)이 동일하게 유지됩니다.이 특성은 확인란의 초기 상태만 나타내며 현재 상태는 표시하지 않습니다.현재 상태는 해당 확인란에 대한 돔 요소의 선택된 속성에 저장됩니다.
if (!$("#checkSurfaceEnvironment-1").is(":checked")) {
// do something if the checkbox is NOT checked
}
jQuery 메서드 또는 선택기를 사용할 수도 있습니다.
if ($('#checkSurfaceEnvironment').not(':checked').length) {
// do stuff for not selected
}
추가 참고 사항
의 jQuery API 설명서에서:not()
선택기:
.not() 메서드는 복잡한 선택기나 변수를 :not() 선택기 필터에 밀어넣는 것보다 더 읽기 쉬운 선택을 제공합니다.대부분의 경우, 그것은 더 나은 선택입니다.
다른 방법:
여기 작업 예제가 있고 코드가 있습니다. prop도 사용해야 합니다.
$('input[type="checkbox"]').mouseenter(function() {
if ($(this).is(':checked')) {
//$(this).prop('checked',false);
alert("is checked");
} else {
//$(this).prop('checked',true);
alert("not checked");
}
});
나는 체크된 속성을 전환하는 방법을 설명했습니다.
확인란이 선택되어 있는지 확인하는 가장 쉬운 방법은 (jQuery를 사용하여) 다음과 같습니다.
'선택됨'인 경우:
if ($(this).is(':checked')) {
// I'm checked let's do something
}
'확인됨'이 아닌 경우:
if (!$(this).is(':checked')) {
// I'm NOT checked let's do something
}
if ( $("#checkSurfaceEnvironment-1").is(":checked") && $("#checkSurfaceEnvironment-2").not(":checked") )
저는 avijendr이 제안한 것처럼 좀 더 직접적인 구현을 찾고 있었습니다.
저는 그/그녀의 구문에 약간의 문제가 있었지만, 저는 이것을 작동시켰습니다.
if ($('.user-forms input[id*="chkPrint"]:not(:checked)').length > 0)
저 같은 경우에는 반 친구들과 자리를 잡았습니다.user-forms
그리고 확인해 본 결과 이 문자열이 있는 확인란이 있는지 확인했습니다.checkPrint
그들의id
확인되지 않았습니다.
여기 이 질문에 대한 토막글이 있습니다.
$(function(){
$("#buttoncheck").click(function(){
if($('[type="checkbox"]').is(":checked")){
$('.checkboxStatus').html("Congratulations! "+$('[type="checkbox"]:checked').length+" checkbox checked");
}else{
$('.checkboxStatus').html("Sorry! Checkbox is not checked");
}
return false;
})
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form>
<p>
<label>
<input type="checkbox" name="CheckboxGroup1" value="checkbox" id="CheckboxGroup1_0">
Checkbox</label>
<br>
<label>
<input type="checkbox" name="CheckboxGroup1_" value="checkbox" id="CheckboxGroup1_1">
Checkbox</label>
<br>
</p>
<p>
<input type="reset" value="Reset">
<input type="submit" id="buttoncheck" value="Check">
</p>
<p class="checkboxStatus"></p>
</form>
로 하는 것.attr()
당신이 그랬던 것처럼, 그것이 확인되는지 보기 위해 그것은..attr("checked", "checked")
그렇지 않다면 그럴 것입니다..attr("checked") == undefined
div에서 모든 확인란을 선택한 경우 true 반환
function all_checked (id_div){
all_checked = true;
$(id_div+' input[type="checkbox"]').each(function() {
all_checked = all_checked && $('this').prop('checked');
}
return all_checked;
}
간편하고 점검하기 쉬운 상태 또는 확인되지 않은 상태
<input type="checkbox" id="ev-click" name="" value="" >
<script>
$( "#ev-click" ).click(function() {
if(this.checked){
alert('checked');
}
if(!this.checked){
alert('Unchecked');
}
});
</script>
이거 드셔보세요.
if ($("#checkSurfaceEnvironment-1:checked").length>0) {
//your code in case of NOT checked
}
위 코드에서 ID로 요소 선택(#checkSurfaceEnvironment-1)
런그 다음 필링터 합니 다를태 (:checked)
필터를 씌우기
선택한 요소 개체의 배열을 반환합니다.배열에 개체가 있으면 조건이 충족됩니다.
상태를 확인할 수 있는 두 가지 방법이 있습니다.
if ($("#checkSurfaceEnvironment-1").is(":checked")) {
// Put your code here if checkbox is checked
}
아니면 이것도 사용할 수 있습니다.
if($("#checkSurfaceEnvironment-1").prop('checked') == true){
// Put your code here if checkbox is checked
}
이것이 당신에게 유용하기를 바랍니다.
주어진 가장 간단한 방법은 다음과 같습니다.
<script type="text/javascript">
$(document).ready(function () {
$("#chk_selall").change("click", function () {
if (this.checked)
{
//do something
}
if (!this.checked)
{
//do something
}
});
});
</script>
저는 이것을 사용했고 저를 위해 일했습니다!
$("checkbox selector").click(function() {
if($(this).prop('checked')==true){
do what you need!
}
});
이에 대한 답변이 이미 이루어졌다는 것은 알고 있지만, 그래도 이를 위한 좋은 방법은 다음과 같습니다.
if ($("#checkbox").is(":checked")==false) {
//Do stuff here like: $(".span").html("<span>Lorem</span>");
}
if($("#checkbox1").prop('checked') == false){
alert('checkbox is not checked');
//do something
}
else
{
alert('checkbox is checked');
}
var getVal=$('#checkbox_id').is(":checked"); // jQuery
var getVal=document.getElementById("checkbox_id").checked //JavaScript
if (getVal==true) {
// perform task
} else {
// perform task
}
$("#chkFruits_0,#chkFruits_1,#chkFruits_2,#chkFruits_3,#chkFruits_4").change(function () {
var item = $("#chkFruits_0,#chkFruits_1,#chkFruits_2,#chkFruits_3,#chkFruits_4");
if (item.is(":checked")==true) {
//execute your code here
}
else if (item.is(":not(:checked)"))
{
//execute your code here
}
});
언급URL : https://stackoverflow.com/questions/11440128/jquery-test-if-checkbox-is-not-checked
'IT' 카테고리의 다른 글
Linux에서 Microsoft SQL Server에 액세스하는 방법에는 어떤 것이 있습니까? (0) | 2023.08.06 |
---|---|
powershell을 사용하여 경로에서 최근에 만든 폴더 가져오기 (0) | 2023.08.06 |
스위프트의 연산자 (0) | 2023.08.06 |
응답 유형에 적합한 HttpMessageConverter를 찾을 수 없습니다. (0) | 2023.08.06 |
쿼리선택기 대 getElementBy이드 (0) | 2023.08.06 |