javascript - 如何在鼠标按下事件中更改类型复选框的 HTML 输入值

Question

实现此目标的最佳方法是什么？这也应该(自然地)禁用默认的鼠标弹起事件，默认情况下这将更改复选框的值。

Answer 1

HTML:

<input type="checkbox" name="mycheckbox" value="checkme" />

JavaScript:

var checkbox = document.getElementsByName("mycheckbox")[0];
checkbox.addEventListener("mousedown", function(e){

    if(!e){ e = window.event; }

    //Stop checkbox from being toggled on IE9 & Other Browsers
    if(e.stopPropagation){ e.stopPropagation(); }

    //Stop checkbox from being toggled on IE8 and Lower
    else{ e.cancelBubble = true; }

    //Toggle the checkbox yourself instead
    checkbox.checked = (checkbox.checked) ? true : false;

    //And you can also change the value of the checkbox
    checkbox.value="newvalue";
});