Jak wyłączyć/włączyć przycisk z wyboru, jeśli zaznaczone

Question

Proszę potrzebuję skrypt, który może pracować z kodem HTML poniżej, aby wyłączyć/włączyć przycisk, gdy pole wyboru jest zaznaczone lub odznaczone,

<input type="submit" name="sendNewSms" class="inputButton" id="sendNewSms" value=" Send " />

proszę kumpli nie mam na myśli przycisku, który ma być wyłączony, gdy jest zaznaczony, ale na odwrót.

Answer 1

brbcoding były w stanie mi pomóc z odpowiedniego kodowania potrzebowałem, tutaj jest on

HTML

<input type="checkbox" id="checkme"/> 
    <input type="submit" name="sendNewSms" class="inputButton" disabled="disabled" id="sendNewSms" value=" Send " /> 

JavaScript

var checker = document.getElementById('checkme'); 
var sendbtn = document.getElementById('sendNewSms'); 
// when unchecked or checked, run the function 
checker.onchange = function(){ 
if(this.checked){ 
    sendbtn.disabled = false; 
} else { 
    sendbtn.disabled = true; 
} 

} 

Answer 2

Można użyć onchange wydarzeniem pole wyboru, aby włączyć/wyłączyć przycisk oparte na checked wartości

<input type="submit" name="sendNewSms" class="inputButton" id="sendNewSms" value=" Send " /> 

<input type="checkbox" onchange="document.getElementById('sendNewSms').disabled = !this.checked;" /> 

Answer 3

HTML

<input type="checkbox" id="checkme"/><input type="submit" name="sendNewSms" class="inputButton" id="sendNewSms" value=" Send " /> 

JS

var checker = document.getElementById('checkme'); 
var sendbtn = document.getElementById('sendNewSms'); 
checker.onchange = function() { 
    sendbtn.disabled = !!this.checked; 
}; 

DEMO

Answer 4

Będziesz musiał użyć JavaScript lub jQuery framework to zrobić. ona jest przykład przy użyciu jQuery

$('#toggle').click(function() { 
     //check if checkbox is checked 
     if ($(this).is(':checked')) { 

      $('#sendNewSms').removeAttr('disabled'); //enable input 

     } else { 
      $('#sendNewSms').attr('disabled', true); //disable input 
     } 
    }); 

DEMO:http://jsfiddle.net/T6hvz/

Answer 5

Oto czysty sposób, aby wyłączyć i włączyć złożyć przycisk:

<input type="submit" name="sendNewSms" class="inputButton" id="sendNewSms" value=" Send " /> 
<input type="checkbox" id="disableBtn" /> 

var submit = document.getElementById('sendNewSms'), 
    checkbox = document.getElementById('disableBtn'), 
    disableSubmit = function(e) { 
     submit.disabled = this.checked 
    }; 

checkbox.addEventListener('change', disableSubmit); 

Oto skrzypce z nim w akcji: http://jsfiddle.net/sYNj7/

Answer 6

Polecam używanie jQuery, ponieważ zrobi on dla ciebie cały ciężar. Kod jest dość banalny.

$('input:checkbox').click(function() { 
    if ($(this).is(':checked')) { 
    $('#sendNewSms').click(function() { 
     return false; 
    }); 
    } else { 
    $('#sendNewSms').unbind('click'); 
    } 
}); 

Sztuką jest zastąpić zdarzenie "kliknięcie" i skutecznie go wyłączyć. Możesz też śledzić go za pomocą magii CSS, aby wyglądała na "wyłączona". Oto kod JavaScript w razie potrzeby. Nie jest idealny, ale ma na to rację.

var clickEvent = function() { 
    return false; 
}; 
document.getElementById('#checkbox').onclick(function() { 
    if (document.getElementById('#checkbox').checked) { 
    document 
     .getElementById('#sendNewSms') 
     .onclick(clickEvent); 
    } else { 
    document 
     .getElementById('#sendNewSms') 
     .removeEventListener('click', clickEvent, false); 
    } 
});