需要javascript检查复选框是否已选中#39;

时间:2014-08-10 15:54:38

标签: javascript html

我有这个:

<script type="text/javascript">

var c = document.getElementById("check").checked;



function che(){
    if (c){
         document.getElementById("div1").innerHTML = '<p><strike>{{tarea.objetivo}}    </strike></p>';
}
}


</script>    

我需要的是当我选中复选框时,将标签应用于文本。抱歉我的英文不好

2 个答案:

答案 0 :(得分:0)

您可以在复选框上收听更改事件:

document.getElementById('check').onchange = function() {
    if(this.checked) {
        // do stuff
    }
};

或者使用jQuery:

$('#check').change(function(){
    if (this.checked){
        // do stuff 
    }
}

答案 1 :(得分:0)

控制台出错:

TypeError: document.getElementById(...) is null

您需要声明

var c = document.getElementById("check").checked;

che()函数内。

更改为:

function che() {
    var c = document.getElementById("check").checked;
    if (c) {
        document.getElementById("div1").innerHTML = '<p><strike>{{tarea.objetivo}}</strike></p>';
    }
}

<强> JSFiddle Demo