2016-06-28 84 views
-2

我对如何在Javascript中创建一个确认框感兴趣,可以通过几个cbox上的onchange方法触发。 所以我需要2个复选框,用于像ON和OFF值一样。如果有人选中或取消选中,则确认框将显示,如果单击确定,则cbox的状态将会更改,否则值将不会更改。有任何想法吗?Javascript确认框复选框

谢谢。

到目前为止,我想这:

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

+0

Stack Overflow是不是在这里[中的平变化确认保存下拉]编写代码为您 –

+0

可能的复制(http://stackoverflow.com/questions/2130707/confirm-save -during-on-drop-down) –

+2

请附上你试过的代码。 –

回答

0

试试这个代码,它的工作

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

}

+0

答案已针对多个复选框更新 –