Javascript 不带表单的jQuery复选框验证

我想用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，如果我不想向用户显示警报（）

就这样

---

您能给我举个例子吗？

在您的

onclick

中定义一个函数并传递

这个
，
返回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!");
    }
}

试试这个

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

你能试试这个吗

     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>

HTML:


您的函数可以正常工作，但现在无法正常工作。因为正在将我的链接重定向到fancybox。我想在验证完成后执行它。如何解决？用户没有单击复选框。。下面还有另一个标记。你的代码工作得很好…但是有没有办法将onclick分配给另一个标记，如。。。我应该写什么来代替接受（这里）？谢谢。它正在工作，但它还带来了另一个问题：）当用户单击开始按钮（）时，如果未选中它，它将显示警报。但如果它的选中功能是将my href重定向到新页面。通常它是用fancybox打开的。我怎样才能做到？我的意思是在再次使用fancybox检查流程后打开此窗口。？如果删除else条件，则添加fancybox函数，而不是window.location.href tagI添加了我的最终代码作为问题的解决方案。再次感谢你。Tyagi，你认为你可以通过对OP的解释来增加这个答案的价值吗？请不要在你的问题中发布答案，尤其是当你已经在下面发布了被接受的答案时。如果接受的答案不正确或不完整，请随时发布并接受您自己的答案。@Sparky Ok。谢谢你的通知。
     function Accept(dat){

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

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

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

   });

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