Select the submit button by its class and save it to a variable called $submit. Then use the appropriate jQuery method t

Question

index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <title>Document</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <button type="submit" class="submit-btn">Submit If You Can</button>

    <script
    src="jquery-3.2.1.min.js"></script>
    <script src="app.js"></script>
</body>
</html>

app.js

$submit = $(".submit-btn");
$submit.attr("disabled", "disabled");

Answer 1 · 2019-12-08T20:51:22Z

December 8, 2019 8:51pm

Hi Mark

Your close.

Firstly, always declare variables before you use them to prevent any unwanted errors. Secondly, set the value to true as the disabled attribute is a boolean attribute.

Although, in most browsers, $submit.attr('disabled', 'disabled'); will still work, its consider best practice to set it to true as the attribute accepts a boolean value

const $submit = $('.submit-btn');
$submit.attr('disabled', true);

Hope this helps!

Answer 2 · 2019-12-11T14:43:13Z

December 11, 2019 2:43pm

Thanks Liam. I appreciate

Welcome to the Treehouse Community

Looking to learn something new?

Mark Wisdom Reeves

Mark Wisdom Reeves

Select the submit button by its class and save it to a variable called $submit. Then use the appropriate jQuery method t

2 Answers

Liam Clarke

Liam Clarke

Mark Wisdom Reeves

Mark Wisdom Reeves