jQuery復選框驗證（不帶表單）

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網址（如果沒有，我想向用戶顯示alert（））。

而已。

你能給我一個例子嗎？

Answer 1

在您的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 2

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

Answer 3

嘗試這個。

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

Answer 4

你可以試試這個嗎

     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>