如何在未选中复选框时显示Javascript确认框,然后如果用户选择取

发布时间：2020-12-14 23:06:12 所属栏目：资源来源：网络整理

导读：我有一个带有三个复选框的小html表单,每行一个.我想在用户取消选中该框时显示一个javascript确认框,然后如果用户选择取消,则复选框保持选中状态.我搜索过这个网站和其他一些网站,但几乎所有内容都与被检查的复选框有关,就好像他们必须同意某些条款或内容一样

我有一个带有三个复选框的小html表单,每行一个.我想在用户取消选中该框时显示一个javascript确认框,然后如果用户选择取消,则复选框保持选中状态.我搜索过这个网站和其他一些网站,但几乎所有内容都与被检查的复选框有关,就好像他们必须同意某些条款或内容一样.我是Javascript的新手,但我试图根据我应该看起来的样子制作一个函数,但它不起作用.

这是我的表格：


这是我尝试过的功能,但不起作用：

function cTrig(name) {
  if (name.checked == true) {
    confirm("Are you sure you want to do this?");
    return true;
  } else {
    return false;
  }
}

这是一个jsfiddle
我更喜欢Javascript中的一些东西,因为我想在进入jquery之前更熟悉那种语言,但如果必须在jquery中完成,那就没问题了.干杯.


最佳答案
试试这个方式


通过使用元素ID

function cTrig(clickedid) { 
      if (document.getElementById(clickedid).checked == true) {
        return false;
      } else {
       var box= confirm("Are you sure you want to do this?");
        if (box==true)
            return true;
        else
           document.getElementById(clickedid).checked = true;

      }
    }

Working Demo
使用名称

function cTrig(clickedid) { 
      if (document.getElementsByName(clickedid)[0].checked == true) {
        return false;
      } else {
       var box= confirm("Are you sure you want to do this?");
        if (box==true)
            return true;
        else
           document.getElementsByName(clickedid)[0].checked = true;

      }
    }

Demo Using element name

                        （编辑：李大同）
【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!