IT

jQuery는 선택이 선택되어 있는지 확인합니다.

lottoking 2020. 7. 17. 07:49
반응형

jQuery는 선택이 선택되어 있는지 확인합니다.


유효성 확인 방법이 선택되어 있습니다.

그러나 임은 다음과 같은 문제가 있습니다 - 양식 ID 주어지면가 확인란 하나가 선택 되어 있는지 확인해야 우리합니다 (예 : 1 이상), 선택 되지 않은 것이 있는지 확인해야 우리합니다 . 기본적으로 나는이 두 질문에 답하는 두 개의 별도 기능이 필요합니다. 도움을 주시면 감사하겠습니다. 감사합니다!

실제로, 아무것도 선택 되지 않을 경우 발생하는 상황이 발생합니다 . 대답은 대답 할 것입니다.


이런 식으로 사용할 수 있습니다.

if ($("#formID input:checkbox:checked").length > 0)
{
    // any one is checked
}
else
{
   // none is checked
}

JQuery .is는 지정된 모든 요소를 ​​테스트하고 그 중 하나 이상이 선택자와 일치하면 true를 반환합니다.

if ($(":checkbox[name='choices']", form).is(":checked"))
{
    // one or more checked
}
else
{
    // nothing checked
}

당신은 할 수 있습니다 :

  if ($('#form_id :checkbox:checked').length > 0){
    // one or more checkboxes are checked
  }
  else{
   // no checkboxes are checked
  }

어디 :

  • :checkbox 필터 선택기는 모든 선택을 선택합니다.
  • :checked 체크 박스를 선택합니다
  • length 거기에 체크 된 것들의 수를 줄 것입니다


이것은 선택 목록의 선택이 변경합니다.

$('input[type="checkbox"]').change(function(){ 

        var itemName = $('select option:selected').text();  

         //Do something.

});     

'길이'를 사용하지 않는 다음과 같이 할 수 있습니다.

if ($('input[type=checkbox]').is(":checked")) {
      //any one is checked
}
else {
//none is checked
}

.length여기 에서 간단한 반환을 할 수 있습니다.

function areAnyChecked(formID) {
  return !!$('#'+formID+' input[type=checkbox]:checked').length;
}

어떤 경우, 지정된 형태의 체크 박스에 대한이 모습은,보고 및 반환 될 (길이가 0이되는 경우)가있는 경우입니다. 좀 더 명확하게하기 위해 부울 변환되지 않은 버전은:checkedtrue

function howManyAreChecked(formID) {
  return $('#'+formID+' input[type=checkbox]:checked').length;
}

이것은 몇 개가 체크를 반환합니다.


Rahul의 답변이 귀하의 질문에 가장 적합합니다. 어쨌든, 체크 박스 그룹이 원하는 양식의 모든 선택이 아닌 경우 선택할 수 있습니다.

예를 들어 확인하려는 모든 확인란에 클래스 이름을 입력합니다 (예 : 클래스 이름). test_check이제 다음과 같은 방법으로 그룹에 속한 확인란이 선택되었는지 확인할 수 있습니다.

$("#formID .test_check:checked").length > 0

반환되는 경우 true클래스 이름이있는 하나 이상의 확인란이 선택되어 있고 test_check반환되는 경우 선택되지 않은 것으로 가정 합니다 false.

누군가에게 도움이되기를 바랍니다. 감사 :)-

참고 URL : https://stackoverflow.com/questions/4086957/jquery-see-if-any-or-no-checkboxes-are-selected

반응형