入力タイプのテキストが空の場合、jQueryで送信するボタンタイプを無効にしますか？

Question

私は、以下の条件にフォームを送信するボタンを無効にするための簡単なコードが必要ですID「#radio_one」と<input type="radio">を選択し、次にID「#text_one」で一つだけ<input type="text">をチェックすると

を。

OR

ID "＃1 radio_two" と<input type="radio">を選択し、次にID "#text_two" ともID "#text_one" と2 <input type="text">をチェックした場合。

<input type="text">が1つまたは2つ付いている場合は、この属性がボタンから削除された場合は、ボタン<input type="send">の属性disabled = "無効"を追加してボタンを追加します。私の英語のための

申し訳ありませんが、私はGoogleの翻訳を使用：私はあなたが私を理解してほしい、別のコードを持っていけない（

をので、私はいくつかの簡単なjQueryのコードを作成したことができ、その後、おそらく編集

おかげ

。

編集：これは動作しません：

$("#send_button").attr("disabled", "disabled"); 

    if ($('#absence_one').checked && $('#cal_from').val().length > 0) { 
     $("#send_button").removeAttr("disabled"); 
    } 

    if ($('#absence_more').checked && $('#cal_to').val().length > 0) { 
     $("#send_button").removeAttr("disabled"); 
    } 

Answer 1

はここjsfiddle私の例をご覧ください。

私はそれがどちらかにチェックボタン

を無効にするか、undisableにするために、テキスト入力に keyupリスナーを入れて、それが無効またはボタン

をundisableのいずれかにチェックするためにラジオでclickリスナーを置きます

EDIT

ここでは若干の変更を加えましたが、ここでは新しいjsfiddleです。

また、サーバー側で送信を確認してください。誰かがjavascriptを無効にすると、そのボタンはクリックできるようになります。

$("#send_button").attr("disabled", "disabled"); 

$("input[type='radio']").change(function() 
{ 
    checkButton(); 
}); 

$("input[type='text']").keyup(function() 
{ 
    checkButton(); 
}); 

function checkButton() 
{ 
    if (($('#absence_one').is(":checked") && $('#cal_from').val().length > 0) || ($('#absence_more').is(":checked") && $('#cal_to').val().length > 0)) { 
     $("#send_button").removeAttr("disabled"); 
    } 
    else 
    { 
     $("#send_button").attr("disabled", "disabled"); 
    } 
} 

Answer 2

私は理解していれば、あなたはラジオボタン/テキストボックスのいずれかのペアがUNFであれば、送信ボタンを無効にしたいですスルフィド。その場合：

$("input[type=submit]").attr("disabled", "disabled"); 

if ($('#radio_one').checked && $('#text_one').val().length > 0) { 
    $("input[type=submit]").removeAttr("disabled"); 
} 

if ($('#radio_two').checked && $('#text_two').val().length > 0) { 
    $("input[type=submit]").removeAttr("disabled"); 
}