JavaScript-简单查询[重复]

Question

这个问题已经在这里有了答案：

• JavaScript查询-对收音机，复选框和文本字段使用AND和OR来启用表单元素 3个答案

请查看我已经拥有的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();   
    }
});
});

在此示例中，代码当前启用并集中于field1 或 field2，具体取决于它们是radio-example_0还是example_1。 我无法确定的是他们是否选择“是”（example_0），然后在field1中输入交易名称，然后如何启用field3。

希望这比我上一次尝试更清楚。 谢谢你的帮助！ （：

答：由Daniel V捐赠。

$(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");
            }
        }
    });

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

Answer 2

我不确定我是否正确理解您的意思，但是您是说这样吗？

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

演示： http ： //jsfiddle.net/WULPL/1/

Answer 3

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