Hello, in this video, I am going to show you how to implement check, so that's what the code in blue
strip checks informed the basically checkboxes radio boxes.
Those are selection items.
So I would provide a link to the Bootstrap API guide.
We can see all the different features.
I will cover the basic features and everything that you generally need to get going.
And if you are, check, check it.
You know, they call it a check, but, you know, you probably know it as a checkbox on your radio
button as well, though.
Always show you a fair bit of the functionality.
So let's get straight to it.
I'm already using the code from a previous video.
You could have an empty form.
Does not matter.
OK, so I am going to just just copy this and delete the content.
I'm basically just going to be using the this structure.
So get rid of this and I'm going to put a div class and this is for Dasch check.
And in here we need an input and this is going to have a class of form that check that input.
It's going to have a type.
And this is going to be checkbox.
I'm going to have a value.
And this is we're going to leave it empty.
But maybe you want to assign some sort of value with it.
It might be numerical.
It might be string based that when the user selects it, you can use something like jobs, cryptologic
query to get that value when they submit the form, depending on what selected, they could get the
value and stored in a database, for example.
So that is possible.
So already you could only put checkbox one.
OK, so we're going to put a label now, and this is just optional, but it's always good to have a
label for a couple of reasons.
One, we allow you to describe what that actual check box is for.
Otherwise, the use is just literally random labels at random check boxes.
And to utilize this feature, which I'll show you in a second.
So you want to put the same idea here.
And I think this is really cool and I'm going to put a picture, but obviously feel free to make it
more contextual.
And one example is if you go into a login page below the email address and let's say the password fields,
you might have a remember checkbox.
So that's a great example.
If I can click on it, you know, enable disabled.
But because I've done that for and linked to the date for click on the text, it also checks it as well.
So that's a great feature.
You can also make.
You know, you can make them disabled as well.
So to make one of the disabled, it is really simple.
Just put the disabled attribute.
It is not equal to anything.
Reload that, you know, trigger in that.
And that is because I have not updated the four and the data.
Make sure you do that.
I made I made that mistake before and you'll be triggering a previous element of the death of disabled
checkbox.
So if I reload now, it is all good.
But we cannot select the may be the user needs to do something else for that to become enabled.
Next, where I'm going to show you is a radio box on a horizontal rule just to separate the radio box,
because the radio buttons usually also link to each other.
And so what we're going to do is have this.
I think I have all of this because the code is pretty similar to be fair, so I'll have this form check
him.
This will be now radio.
We're going to have a.
A name
and put.
Name I just put radio box one, you can whoever you want, this is what you would be using, you know,
when you submit the form to to get hold of it.
Radio box one, I'm going to put the I'm not going to have any value.
And we're going to have radio box one, radio box one.
Don't want to make the disable so we can leave that and we're going to have one checked by default.
That's what you always want to do with a radio button.
That's one of the unique things about radio button is you have multiple only one of them can be selected
at any given time.
If you select one, the previously selected one will be disabled, not disabled, unchecked, and you
generally have one always enabled at the start and pretty common practice to make it.
The first one, though, will put this as radio box one and I'm going to put radio box one.
OK, so what we're going to do is duplicate the phone check inside of there and we're going to train
this to bring the box to box to.
We only want one of them checked radio box to read it to you.
Jerry will only probably have one of the one set of these in any given form.
So if I said that reload, here we go so far and select advocacy on deselected before select radio box
to something has messed up.
The name sorry needs to be the same, so I'm going to put.
Radio box EPIK.
There we go.
So if I try and deselected in the work force and number one, your deselect, whatever, what previously
selected, you can have as many of you once you make sure the name is the same for all of them.
That's how it is linked and that's how you could have separate sections of radio buttons.
The last one I'm going to show you is the form switch and I will provide a pattern of a horizontal rule
just for formatting purposes, and I will copy this one.
Put their form check.
We also need a switch that will form check input.
That's a good typist checkbox.
You can have a values day if you want to put the switch.
I don't want to say, but.
But you can put the disabled label.
I mean, attribute there.
And the only thing I need to do here is put that switch and optionally change is to switch text before
we load.
We've got the switch and I see the knife, the animation.
This is more akin to what you would see on mobile, especially this sort of design is very similar to
what you see on iOS.
And as you can see, it looks very good on screen sizes.
There are a lot more different options that you can do.
You can stack in line.
This is a pretty cool one.
You can, you know, toggle it and the radio button, so single toggle like so you can do that sort
of stuff.
You know, there's quite a bit of showing you the basics.
If you have any questions, feel free to call me a message on Dischord or any other way, or the links
on the description.
Plus a link to this Web page will also be there.
So I look forward to seeing you in the next video.