javascript - 使用 jquery 或 javascript 更改输入所需的值

Question

我需要根据复选框选择更改输入所需的值，这是我到目前为止所拥有的......谢谢

<input type="checkbox" id="no_land_line" name="no_land_line" value="”/> // if no land line check here


    <script>
$(document).ready(function () {
    $('#no_land_line').change(function () {
        if (!this.checked) 
        {
          $('#no_land_line_div').fadeOut('slow');
          document.getElementById("land_line").setAttribute("required", true);
          document.getElementById("cellphone").setAttribute("required", false);

        }
        else {
         document.getElementById("land_line").setAttribute("required", false);
         document.getElementById("cellphone").setAttribute("required", true);
         $('#no_land_line_div').fadeIn('slow');

                }
    });
});
</script>


<input type="text" name="land_line" id="land_line" required="true"/>  // landline number
<input type="tel" name="cellphone" id="cellphone" required="false"/> // cellphone number

<div id="no_land_line_div”>some text</div>

使用工作代码更新

Answer 1

required 不是 JavaScript 属性。

改变

getElementById("land_line").required = false,
getElementById("cellphone").required = true;

到

$("#land_line").attr("required",false);
    $("#cellphone").attr("required",true);

这是完整的脚本代码:

$(document).ready(function () {
    $('#no_land_line').change(function () {
        if (!this.checked) 
        {
          $('#no_land_line_div').fadeOut('slow'),
          $("#land_line").attr("required",false);
          $("#cellphone").attr("required",true);
        }
        else {
          $('#no_land_line_div').fadeIn('slow'),
           $("#land_line").attr("required",true);
          $("#cellphone").attr("required",false);
                }
    });
});

工作示例:https://jsfiddle.net/23rdtjwq/4/