0

私がすでに持っているJSFiddleコードを参照してください。私の問題は、他のラジオ、チェックボックス、テキストフィールドを有効にするために、ラジオチェックとテキストフィールドへのテキスト入力を使用する必要があることです。これまでのところ、ラジオオプション1またはラジオオプション2を使用して、ラジオ、チェックボックス、およびテキストフィールドを有効にすることしかできませんでした。

このJSFiddleは、皆さんを助け、私が何を意味するのかをより深く理解するのに役立つかもしれません。

HTML： 

 <div class='conlabel'>Have you started trading yet?</div>
  <table width="100">
          <tr>
            <td><label>
              <input type="radio" name="example" value="Yes" id="example_0" required />
              Yes</label></td>
      </tr>
      <tr>
        <td><label>
          <input type="radio" name="example" value="No" id="example_1" required />
          No</label></td>
      </tr>
</table><br>
  <li>
      <div class='conlabel'>If Yes, enter trading name:</div>
      <input type="text" id="field1" name="field1" placeholder="" disabled />
  </li><br>
  <li>
  <div class='conlabel'>If No, then:</div>
      <input type="text" id="field2" name="field2" placeholder="" disabled />
  </li><br>

<li>
      <div class='conlabel'>Enter trading start date (enabled when started trading yet = yes + trading name = notnull:</div>
      <input type="text" id="field3" name="field3" placeholder="" disabled />
 </li><br>

JS：

$(function(){
$("#example_0, #example_1").change(function(){
    $("#field1, #field2").val("").attr("disabled",true);
    if($("#example_0").is(":checked")){
        $("#field1").removeAttr("disabled");
        $("#field1").focus();
    }
    else if($("#example_1").is(":checked")){
        $("#field2").removeAttr("disabled");
        $("#field2").focus();   
    }
});
});

この例では、コードは現在、radio-example_0またはexample_1のどちらをセクション化するかに応じて、field1またはfield2のいずれかを有効にしてフォーカスします。私が理解できなかったのは、彼らが[はい]（example_0）を選択し、フィールド1に商号を入力してからフィールド3を有効にする方法です。

これが私の最後の試みよりも明確であることを願っています。ご協力いただきありがとうございます！（：

回答： DanielVから寄付をいただきました。

$(function(){
    $("#example_0, #example_1").change(function(){
        $("#field1, #field2").val("").attr("disabled",true);
            if($("#example_0").is(":checked")){
            $("#field1").removeAttr("disabled");
            $("#field1").focus();
        }
        else if($("#example_1").is(":checked")){
            $("#field2").removeAttr("disabled");
            $("#field2").focus();   
        }
    });
    });

$("#field1").blur(function(){
    if($("#example_0").is(":checked")){
             if($("#field1").val()!==""){
                   $("#field3").removeAttr("disabled");
            }
        }
    });
4

3 に答える 3

1

はい、チェックされたチェックボックスと空でないテキスト ボックスを探すセレクターを作成できます。

if ($('#example1:checked,#textfield1[value!=""]').length == 2) {

デモ: http://jsfiddle.net/Guffa/rQKRH/

編集：

その HTML コードを使用すると、これを使用して、テキスト ボックスを有効にする必要があるかどうかを判断できます。

var enable = $('#example_0').is(':checked') && $('#field1').val() != '';

デモ: http://jsfiddle.net/Guffa/cEaeK/18/

于 2013-03-21T08:59:27.943 に答える
0

私はあなたのことを正しく理解しているかどうか正確にはわかりませんが、このような意味ですか?

 if(($("#example1").is(":checked"))&&!$('#input').val()){//do}

デモ: http://jsfiddle.net/WULPL/1/

于 2013-03-21T08:58:23.223 に答える
0 
 $("#field1").blur(function(){
   if($("#example_0").is(":checked")){
            if($("#field1").val()!==""){
                  $("#field3").removeAttr("disabled");
            }
        }
    });
于 2013-03-21T11:20:26.967 に答える