The JavaScript checked property is easy ✅

Показать описание

00:00:00 intro
00:00:22 HTML checkbox
00:01:13 HTML radiobuttons
00:02:58 other HTML elements
00:03:55 CSS
00:04:39 JavaScript constants
00:06:08 .onclick property
00:06:31 .checked property
00:09:49 conclusion

// .checked = property that determines the checked state of an
// HTML checkbox or radio button element

}
else{
}

}
}
}
else{
}
}

Рекомендации по теме

Комментарии

// .checked = property that determines the checked state of an
// HTML checkbox or radio button element

const myCheckBox =
const visaBtn =
const masterCardBtn =
const payPalBtn =
const mySubmit =
const subResult =
const paymentResult =

mySubmit.onclick = function(){

if(myCheckBox.checked){
subResult.textContent = `You are subscribed!`;
}
else{
subResult.textContent = `You are NOT subscribed!`;
}

if(visaBtn.checked){
paymentResult.textContent = `You are paying with Visa`;
}
else if(masterCardBtn.checked){
paymentResult.textContent = `You are paying with MasterCard`;
}
else if(payPalBtn.checked){
paymentResult.textContent = `You are paying with PayPal`;
}
else{
paymentResult.textContent = `You must select a payment type`;
}
}

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>My website</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<input type="checkbox" id="myCheckBox">
<label

<input type="radio" id="visaBtn" name="card">
<label
<input type="radio" id="masterCardBtn" name="card">
<label
<input type="radio" id="payPalBtn" name="card">
<label

<button type="submit"

<p id="subResult"></p>
<p id="paymentResult"></p>

<script src="index.js"></script>
</body>
</html>

body{
font-family: Verdana;
font-size: 2em;
}
#mySubmit{
font-size: 1em;
}

BroCodez

Bro, this new JS series is just great because it is full of examples and mini project in which we can apply the knowledge to a real situation. Thanks a bunch!

Thanks for making this series. Without you I would've never successed!
This video was the most useful, that's why I'm commenting on this one lol.

thenoobwhogrinds

Thanks, bro. You're a real bro 💪

helioobianchi

I can't believe I missed this video.
I made a little test and I used a long code and it took me two weekends and I wish I known the checked property then,
I never was a great student i guess, this weekend I will try to do a quiz project with the checked property to practice.
Mr Bro you are doing a service, thank you.

ihabmidhat

You are a real Bro to us . We love you 😘

rajushah

<*_> This is my seal. I have watched the entire video, understood it, and I can explain it in my own words, thus I have gained knowledge. This is my seal. <_*>

piotrmazgaj

Incredible - I'm going through each video. thank you so much.

christophertucciarone

This is exactly the way I can understand js.

SayeGhaderi

"All the heros don't wears cap,
some also teach coding."

furqan-xyz

I made a page with very similar code as yours and for some reason the all the const variables were not needed. Is this something new?

mindlessmeat

you're doing good videos I like it

peschkeraphel

what is in the last code on the PayPal in JavaScript the wont show as you are paying with PayPal i do have the whole code typed up right but the last bit does not want to work

mantaskarpas

Magic!
Clear radio buttons on page refresh:
window.onload = function () {
let radios =
radios.forEach(function (radio) {
radio.checked = false;
});
};

alan-overthenet

If you nest the paymentResult ladder in subReasult it'll be even better.

aritranayek

The JavaScript checked property is easy ✅

The JavaScript checked property is easy ✅

The javascript checked property is easy

Check if a property is in an object - Beau teaches JavaScript

How to use the '.checked' property in JavaScript? - #14

#12 JavaScript checked Property Explained – How to Work with Checkboxes & Radio Buttons (2025)

input type checkbox☑️ #HTML #CSS #inputtype#coding#webdev

JavaScript Programming Tutorial 83 - Check an Object for a Property Using in

Check/Uncheck checkbox with JavaScript

How to check if checkbox is checked with the help of JavaScript ✅

Verify if checkbox is checked with JavaScript

Use JavaScript to detect if checkbox checked #shorts #javascript

jQuery javaScript check input checkbox property with prop method 720p

Get checkbox values with vanilla JavaScript

Check UnCheck all Checkboxes with one Checkbox in JavaScript

How to Properly Check if Any Checkbox is Selected in JavaScript

JavaScript how to ❓ check uncheck HTML checkbox

How to get Checkbox value using javascript || Checkbox value from user#javascript@basicofcoding8658

Understanding Checkbox checked Attribute Behavior in JavaScript and jQuery

Checkbox Checked or Not with JavaScript [HowToCodeSchool.com]

JavaScript (JS) How to Check if an Object has a Specific Property #shorts

😍😍 Check Truthy values in Array using JavaScript #shorts #javascript #programming #coding #ytshorts...

How To Check If A JavaScript Object Is Empty

Checking if object is null or undefined - JavaScript

Check if you are online or offline using javascript | Navigator object | Javascript Tricks