jQuery checkbox validation без формы

Question

Я хочу сделать функцию проверки с помощью jQuery или чистого javascript.

это мой флажок

<input type="checkbox" name="terms" id="terms"> 

и это моя кнопка ссылка

<label id="kosullar" for="terms"> 
<a class="fancybox-effects-d" data-fancybox-type="iframe" onclick="" href="kosullar.php">KULLANIM &nbsp;KOSULLARINI &nbsp;KABUL&nbsp; EDIYORUM</a> 
</label> 

Если флажок установлен процесс будет продолжаться, чтобы перенаправить мой href URL, если не я хочу, чтобы показать предупреждение() в пользователь.

Thats it.

Не могли бы вы показать мне пример?

Answer 1

Вы можете попробовать это,

 function Accept(dat){ 

      var terms = $('#terms').is(':checked'); 

      if(terms){ 
       window.location.href=dat.href; 
      }else{ 
       alert('not checked!'); 
       return false; 
      } 
     } 

HTML Раздел:

<input type="checkbox" name="terms" id="terms"> 

    <label id="kosullar" for="terms"> 
     <a class="fancybox-effects-d" data-fancybox-type="iframe" onclick="return Accept(this);" href="kosullar.php">KULLANIM &nbsp;KOSULLARINI &nbsp;KABUL&nbsp; EDIYORUM</a> 
    </label> 

Другой метод:

$(function(){ 

     $(".fancybox-effects-d").click(function(){ 

      var terms = $('#terms').is(':checked'); 

      if(terms){ 
       window.location.href=$(this).attr('href'); 
      }else{ 
       alert('not checked!'); 
       return false; 
      } 
     }); 

    }); 

HTML:

<input type="checkbox" name="terms" id="terms"> 

    <label id="kosullar" for="terms"> 
     <a class="fancybox-effects-d" data-fancybox-type="iframe" href="kosullar.php">KULLANIM &nbsp;KOSULLARINI &nbsp;KABUL&nbsp; EDIYORUM</a> 
</label> 

Answer 2

В вашей onclick определить функцию и передать this, return false остановить действие по умолчанию

onclick="verifyCheck(this); return false;" 

function verifyCheck(elem) { 
    var cb = document.getElememtById("terms"); 

    if (cb.checked) { 
     location.href = elem.href; 
    } else { 
     alert("Check the box!"); 
    } 
} 

Answer 3

$('.fancybox-effects-d').click(function(e) { 
    if (!($('#fancybox-effects-d').is(':checked'))) { 
     e.preventDefault(); 
    } 
}); 

Answer 4

Попробуйте это.

<a class="fancybox-effects-d" data-fancybox-type="iframe" onclick="return Validate();" href="kosullar.php"> 

Javascript метод

function Validate() 
{ 
If($("#terms").is(":checked")) 
{ 
    //do your code to go to next step 
} 
else 
{ 
    alert("Please check the checkbox"); 
    return false; 
} 
}