jQuery를 사용하여 체크 된 속성

Question

제출하기 전에 확인란의 속성을 확인하고 POST 전에 jQuery를 사용하여 오류 메시지를 수행해야합니다.

예를 들어 친구가 선택되어 있지 않으면 데이터를 보내기 전에 경고를 표시하려고합니다. 내 코드 :

function send(friends) 
{ 
var data = {}; 
data['url'] = $('#link').attr('src'); 
val = []; 
    $("input[name='friends']").each(function(i) 
    { 
    if(this.checked == true) 
     val.push(this.value); 
    }); 
    data['friends'] = val; 
    $.post('send.php', data); 
    $("#sentmsg").addClass("in").fadeIn().delay(5000).fadeOut(); 
    $("input[name='friends']").removeAttr("checked"); 
    $("#success").show(); 
} 

하지 않도록 내가 코드에이를 넣어 작동합니다 :

else if(this.checked == false) 
{ 
    alert("no box ticked!"); 
} 

Answer 1

val 변수의 길이를 확인할 수 있습니다. 그러나 선택한 항목의 값을 찾기 위해 .map()

function send(friends) { 
    var data = {}; 
    data['url'] = $('#link').attr('src'); 

    //use .map() to convert the dom reference to an array 
    var val = $("input[name='friends']:checked").map(function (i) { 
     return this.value 
    }).get(); 
    if(!val.length){ 
     alert('friends not selected'); 
     return 
    } 

    data['friends'] = val; 
    $.post('send.php', data); 
    $("#sentmsg").addClass("in").fadeIn().delay(5000).fadeOut(); 
    $("input[name='friends']").removeAttr("checked"); 
    $("#success").show(); 
} 

Answer 2

이 아무도 선택하지 않은 경우 확인에 쉽게 접근 할 수 ...

var checked = $('input[name="friends"]:checked'); 
//number of checked boxes 
var nr_checked = checked.length; 
if (!nr_checked) { 
    alert("no box ticked!"); 
} else { 
    //Do your thing 
} 

Answer 3

다음과 같이 입력하십시오.

if(val.length == 0){ 
    alert("no box ticked!"); 
}