2016-06-28 80 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

答案已針對多個複選框更新 –