jQuery form selectors উদাহরন : জে-কোয়েরী -(পর্ব-২১)

jQuery তে ফর্ম element গুলি সহজে এবং দক্ষতার সাথে select করার জন্য অনেক selector রয়েছে, ক্লায়েন্ট সাইটে কাজ করার জন্য এই ফর্ম element গুলি select করা অত্যান্ত জরুরী। নিম্নে এদের বেশ কিছু তুলে ধরা হল-

1. TextBox – $(‘input:text’)

//To select a textbox
$('input:text');

//To get the textbox value
$('input:text').val();

//To set the textbox value
$('input:text').val("New Text");

2. Password – $(‘input:password’)

//To select a password
$('input:password');

//To get the password value
$('input:password').val();

//To set the password value
$('input:password').val("New Text");

3. Textarea – $(‘textarea’)

//To select a textarea
$('textarea');

//To get the textarea value
$('textarea').val();

//To set the textarea value
$('textarea').val("New Text in Textarea");

4. Radio Buttons – $(‘input:radio’)

//To select a radio button
$('input:radio');

//To get the selected radio button option
$('input:radio[name=radiobutton-name]:checked').val();

//To select the first radio button option
$('input:radio[name=radiobutton-name]:nth(0)').attr('checked',true);
or
$('input:radio[name=radiobutton-name]')[0].checked = true;

5. Check Box – $(‘input:checkbox’)

//To select a checkbox
$('input:checkbox');

//To check whether a checkbox is checked
$('input:checkbox[name=checkboxname]').is(':checked');

//To check a checkbox
$('input:checkbox[name=checkboxname]').attr('checked',true);

//To unchecked a checkbox
$('input:checkbox[name=checkboxname]').attr('checked',false);

6. Upload File – $(‘input:file’)

//To select a file
$('input:file');

//To get the file value
$('input:file').val();

7. Hidden value – $(‘input:hidden’)

//To select a file
$('input:file');

//To get the file value
$('input:file').val();

8. Select(dropdown box) – $(‘select’)

//To select a dropdown box
$('select')
or
$('#dropdown-id')

//To get the selected drop down box value
$('#dropdown-id').val();

//To set the drop down box value to "China"
$("#dropdown-id").val("China");

9. Submit button – $(‘input:submit’)

//To select a submit button
$('input:submit');

10. Reset button – $(‘input:reset’)

//To select a reset button
$('input:reset');

………………………………………………………………………………
আলোকিত একটা সুন্দর সমৃদ্ধ পৃথিবী আমাদের প্রত্যেকেরই স্বপ্ন । আসুন আমাদের মেধা পরিশ্রম কে বিজ্ঞান সম্মতভাবে ব্যবহার করে, আমাদের স্বপ্ন পূরণে অংশ গ্রহণ করি। আজ এখানেই শেষ করলাম। “HAVE A GOOD PROGRAMMING”

জে-কোয়েরী ধারাবাহিক টিউটোরিয়ালঃ

আরো পড়ুনঃ

আরিফুর রহমান (সজল)

লেখকঃ ঢাকা প্রকৌশল ও প্রযুক্তি বিশ্ববিদ্যায়ের(DUET) কম্পিউটার সায়েন্স এ্যান্ড ইঞ্জিনিয়ারিং(CSE) বিভাগের ৪র্থ বর্ষের এক জন ছাত্র। তিনি ওয়েব ডিজাইন, ওয়েব ডেভলপমেন্ট এর বিভিন্ন বিষয় যেমন : এইচটিএমএল, সিএসএস, জাভাস্ক্রিপ্ট, জে কোয়েরি, পিএইচপি, .Net ইত্যাদি বিষয়ের উপর অভিজ্ঞ। তিনি ACM ICPC সহ বিভিন্ন আন্তর্জাতিক প্রোগ্রামিং প্রতিযোগীতায় অংশগ্রহন করেছেন। তাকে ফেসবুকে অনুসরন করতে এখানে ক্লিক করুন। 

Tags:

" data-layout="standard" data-action="like" data-size="small" data-show-faces="true" data-share="true">

ফেসবুকের মাধ্যমে মন্তব্য লিখুন

Leave a Reply