Checkboxes


« Previous Next »

ਚੈਕਬਾਕਸ ਕੰਟਰੋਲ (ਚੈਕਬਾਕਸ ਕੰਟਰੋਲ):
ਚੈਕਬਾਕਸਮੈਨ ਯੂਜ਼ਰ ਨੂੰ ਸੀਮਿਤ ਆਪਸ਼ਨ ਵਿੱਚ ਜੀਰੋ ਜਾ ਵਧੇਰੇ  ਆਪਸ਼ਨਾ ਦੀ ਆਗਿਆ ਦਿੰਦਾ ਹੈ ਜਦੋ  ਸੰਭਾਵਿਤ ਇੰਪੁੱਟ  ਪਹਿਲਾ  ਤੋ ਹੀ  ਪਤਾ ਹੋਣ  ਤਾਂ  ਇਹ ਕੰਟਰੋਲ  ਡਾਟਾ  ਨੂੰ  ਸਵੀਕਾਰ  ਕਰਨ  ਦਾ  ਇਕ ਬਹੁਤ ਹੀ  ਸੁਵਿਧਾਜਨਕ ਤਰੀਕਾ  ਹੈ ਇਸ  ਕੰਟਰੋਲ  ਨੂੰ  ਬਣਾਉਣ  ਲਈ  ਅਸੀਂ  type="checkbox" ਐਟਰੀਬਿਊਟ ਦੇ  ਨਾਲ  <input> ਟੈਗ  ਦੀ  ਵਰਤੋ  ਕਰਦੇ ਹਾ ਯੂਜ਼ਰ ਦੀ ਅਪਸ਼ਨ  ਨੂੰ  ਸਵੀਕਾਰ  ਕਰਨ  ਲਈ  ਚੈੱਕਬੋਕ੍ਸ ਕੰਟਰੋਲ  ਦੀ  ਬੁਨਿਆਦੀ  ਉਦਹਾਰਣ  ਇਸ  ਪ੍ਰਕਾਰ  ਹੈ :

 

Select Your Subjects:<br>
<input type="radio"  name="cl" value="Chemistry">Chemistry<br>
<input type="radio" name="cl" value="Physics">Physics<br>
<input type="radio" name="cl" value="Math">Math<br>

ਇਹ  ਕੋਡ ਯੂਜ਼ਰ  ਤੋ ਵਿਸ਼ਿਆ ਦੀ  ਚੋਣ ਕਰਵਾਉਣ ਲਈ  ਤਿਨ  ਚੇਕਬੋਕ੍ਸ  ਬਣਾ  ਰਿਹਾ  ਹੈ  ਯੂਜ਼ਰਜ ਦਿਤੀਆਂ  ਗਈਆਂ  ਆਪਸ਼ਨਾ ਵਿਚੋ ਜੀਰੋ ਜਾਂ  ਵਧੇਰੇ  ਵਿਸ਼ਿਆਂ ਦੀ  ਚੋਣ  ਕਰ  ਸਕਦਾ ਹੈ  ਸਰਵਰ -ਸਾਈਡ ਸਕਰਿਪਟਿੰਗ  ਜਿਵੇਂ  ਕੇ  JSP , ASP , PHP ਆਦਿ  ਲਈ  ਇਸ  ਕੰਟਰੋਲ  ਦੇ  name ਐਟ੍ਰੀਬਿਊਟ  ਦੀ  ਲੋੜ  ਹੁੰਦੀ ਹੈ ਤਾਂ ਜੋ  select ਕੀਤੇ  ਹੋਏ   ਚੇਕਬੋਕ੍ਸਾ ਦੇ ਮੁੱਲ  ਪ੍ਰਾਪਤ  ਕੀਤੇ  ਜਾ  ਸਕਣ  ਚੇਕਬੋਕ੍ਸਾ ਦਾ  ਇਕ  ਗਰੁੱਪ  ਬਣਾਉਣ  ਲਈ  ਸਾਰੇ  ਚੇਕਬੋਕ੍ਸ  ਦਾ  ਇਕੋ  ਹੀ  ਨਾਮ ਰੱਖਿਆ  

The <input type="checkbox"> defines a checkbox.

Checkboxes let a user select ZERO or MORE options of a limited number of choices.







Live Demo & Try it yourself!

This is how the HTML code above will be displayed in a browser:

I have a bike
I have a car
I have a boat