Как изменить значение флажка, если флажок установлен в 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

Отъезд FIDDLE.

Если вы проверите элемент в инструментах dev, вы увидите, что атрибут value изменился на 5. Если вы хотите изменить то, что на самом деле говорит текст, это будет немного иначе, но дайте мне знать, если это что вам нужно.

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

Answer 2

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