Javascript 确认框-复选框答案

【问题标题】：Javascript confirm box-checkboxJavascript 确认框-复选框
【发布时间】：2016-06-28 20:49:26
【问题描述】：

我对如何在 Javascript 中创建一个确认框感兴趣，该确认框将由几个 cbox 上的 onchange 方法触发。所以我需要 2 个复选框来显示 ON 和 OFF 值。如果有人选中或取消选中一个，将显示确认框，如果单击确定，则 cbox 的状态将改变，如果没有，则值不会改变。有什么想法吗？

谢谢。

到目前为止我试过这个：

<label> On </label>
<input type="checkbox" name="output2Radio"  id="output2Radio1" onchange="conf(this);">
<label> Off </label>
<input type="checkbox" name="output2Radio"  id="output2Radio1" onchange="conf(this);">


<script type="text/javascript">
    function conf(box) {
    if (!box.checked) {
    if (!confirm("Are you sure you want to do this?"))
    {box.checked = true;}}}

【问题讨论】：

Stack Overflow 不是来给你写代码的
Confirm Save during onchange of drop down的可能重复
请附上您尝试过的代码。
到目前为止我尝试的代码示例仅在选中框时才进行更改。我怎样才能让它双管齐下？

标签： javascript checkbox

【解决方案1】：

试试这个代码，它的工作原理

plnkr.co/edit/kQW3KDJMbXOPrJinbgB4?p=preview

HTML

<body>
<input type="checkbox" name="cbox" id="cbox" onchange="onCbChange('cbox')"></input>
</body>

Javascript：

函数 onCbChange(cb) { var b = document.getElementById(cb).checked;

var confirmBox = confirm("Change?");

if (confirmBox == true) {
    if (b) {
        document.getElementById(cb).checked = true;
    } else {
        document.getElementById(cb).checked = false;
    }
} else {

    document.getElementById(cb).checked = !b;
};

}

【讨论】：