Question

我正在构建此网页，我想根据用户选择的单选按钮更改输入的标签和mas。

我已阅读过具有相同问题的人发来的所有帖子，例如jQuery .focus() and .blur() not working in Chrome or Safari或http://juristr.com/blog/2008/06/attaching-client-side-event-handler-to/，但提出的解决方案似乎无效！

这是javascript：

$(document).ready(function() {

$("#cep").mask("99999-999");

$("#jur", "#fis").click(function() {

        docProcess(this.value);
    });

function docProcess(value) {
    alert("hi");
    if (value == "jur") {
        $("#docLabel").value = "CNPJ: ";
        $("#docLabel").mask("99.999.999/9999-99");
    } else {
        $("#docLabel").value = "CPF: ";
        $("#docLabel").mask("999.999.999-80");
    }
}

});

这是html：

<label for="clientType">Tipo de cliente: </label>
<input class"radioButton" type="radio" name="clientType" id="jur"     value="jur" />
<label class="radioButton" for="clientType">Jurídico</label>
<input class"radioButton" type="radio" name="clientType" id="fis"    value="fis" />
<label class="radioButton" for="clientType">Físico</label>
<label for="doc" id="docLabel">CNPJ: </label>
<input type="text" id="doc" name="doc" />

任何帮助？

Answer 1

不要写$("#docLabel").value = "CNPJ: ";，而是写$("#docLabel").text("CNPJ: ");。

Answer 2

多个选择器由字符串中的逗号分隔。将您的选择器更新为$("#jur, #fis")，它会正常工作。

有关多选语句的详细信息，请参考jQuery Multiple Selector

$(document).ready(function() {

  //$("#cep").mask("99999-999");

  $("#jur, #fis").click(function() {

    docProcess(this.value);
  });

  function docProcess(value) {
    alert("hi");
    if (value == "jur") {
      $("#docLabel").value = "CNPJ: ";
      //$("#docLabel").mask("99.999.999/9999-99");
    } else {
      $("#docLabel").value = "CPF: ";
      //$("#docLabel").mask("999.999.999-80");
    }
  }
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<label for="clientType">Tipo de cliente:</label>
<input class "radioButton" type="radio" name="clientType" id="jur" value="jur" />
<label class="radioButton" for="clientType">Jurídico</label>
<input class "radioButton" type="radio" name="clientType" id="fis" value="fis" />
<label class="radioButton" for="clientType">Físico</label>
<label for="doc" id="docLabel">CNPJ:</label>
<input type="text" id="doc" name="doc" />

Answer 3

谢谢大家，所以这是来自adeneo和皮埃尔的一点帮助！改变了对$("#jur, #fis")和道具变化$("#docLabel").text("CNPJ: ")的访问权限，它就像一个魅力！ TY！

html单选按钮不会触发事件

3 个答案: