31

チェックボックスがチェックされているかチェックされていないときにボタンを無効/有効にするために、次のHTMLコードで動作できるスクリプトが必要です。

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

仲間にお願いします 私はチェックされたときにボタンが無効になることを意味するのではなく、むしろその逆です.

4

6 に答える 6

21

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

デモ

于 2013-08-07T18:36:58.237 に答える
19

そのためには、JavaScript または JQuery フレームワークを使用する必要があります。彼女は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
        }
    });

デモ: http://jsfiddle.net/T6hvz/

于 2013-08-07T18:37:29.357 に答える
10

brbcoding は、私が必要としていた適切なコーディングを手伝ってくれました。

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

}
于 2013-08-07T19:19:28.727 に答える
3

送信ボタンを無効および有効にするクリーンな方法は次のとおりです。

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

これが実際のフィドルです：http://jsfiddle.net/sYNj7/

于 2013-08-07T18:45:19.780 に答える