Question

我对如何在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;}}}

Answer 1

试试这个代码，它的工作

plnkr.co/edit/kQW3KDJMbXOPrJinbgB4?p=preview

HTML

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

Javascript：

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

}

Javascript确认框复选框

1 个答案: