如果在javascript中选中复选框，如何更改复选框值

Question

我想在选中复选框时更改值。

我的HTML：

<input class="checkbox" type="checkbox" name="textMessage" id="tm" value="0" /><span class="text">Unlimited text messages $5 / month</span>

我的JavaScript是：

if(document.getElementById('tm').checked){
        document.getElementById('tm').value = 5;
    }else

    if(document.getElementById('tm').checked){
        document.getElementById('tm').value = 0;
    }

选中我的复选框时，我的值仍为0，我的JavaScript有什么问题？

Answer 1

<input class="checkbox" type="checkbox" name="textMessage" id="tm" value="0" 
onclick=this.value=5;alert(this.value)/><span class="text">Unlimited text messages $5 / 
month</span>

Answer 2

查看此FIDDLE。

如果您检查开发工具中的元素，您会看到value属性已更改为5.如果您想更改文本实际所说的内容，那将会有所不同，但请告诉我是否＆＃ 39; s你需要什么。

$(".checkbox").on("change", function () {
    $(this).attr("value", 5);
});