Change a requiered value from input with jquery or javascript

Question

I need to change the required value from a input base on a check box selection, here is what I have so far.... thanks

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

UPDATE WITH A WORKING CODE

I went ahead and created a jsfiddle for this. Hope it helps: jsfiddle.net/o75d3Lso — SaurabhM
– SaurabhM, Commented Jan 4, 2016 at 19:30

DinoMyte · Accepted Answer · 2016-01-04 19:35:44Z

3

required is not a javascript property.

Change

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

to

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

Here's the entire script code :

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

Working example : https://jsfiddle.net/23rdtjwq/4/

edited Jan 4, 2016 at 19:35

answered Jan 4, 2016 at 19:01

DinoMyte

8,8781 gold badge21 silver badges27 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

user2789787 Over a year ago

Thank you Dinomyte, when I check the checkbox it removes the required from the #land_line but is no adding required to #cellphone

DinoMyte Over a year ago

I've added a fiddle link for reference. check that.

Derek Pollard · Accepted Answer · 2016-01-04 19:04:18Z

1

Following your use of javascript:

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

answered Jan 4, 2016 at 19:04

Derek Pollard

7,1856 gold badges45 silver badges62 bronze badges

2 Comments

user2789787 Over a year ago

thank you it work this way,, I update the code on this question to the working code

Derek Pollard Over a year ago

No problem :-) Happy coding!

Collectives™ on Stack Overflow

Change a requiered value from input with jquery or javascript

2 Answers 2

2 Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related