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

如何在未选中复选框时显示Javascript确认框,然后如果用户选择取消,请选中复选框?,第1张

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

以上是内存溢出为你收集整理的如何在未选中复选框时显示Javascript确认框,然后如果用户选择取消,请选中复选框?全部内容,希望文章能够帮你解决如何在未选中复选框时显示Javascript确认框,然后如果用户选择取消,请选中复选框?所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/1124298.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2022-05-30
下一篇2022-05-30

发表评论

登录后才能评论

评论列表(0条)