One, Select
jquery Gets the text and value selected by select:
1. $ ("#select_id"). Change (function () {//code ...}); Adds an event for a select that fires when one of the items is selected
2. Var checktext=$ ("#select_id"). Find ("option:selected"). Text (); Gets the text selected by select
3. Var checkvalue=$ ("#select_id"). Val (); Gets the value of the Select selection
4. Var checkindex=$ ("#select_id"). Get (0). SelectedIndex; Get the index value selected by select
5. Var maxindex=$ ("#select_id option:last"). attr ("index"); Get the maximum index value for select
jquery Sets the Select selected text and value:
1. $ ("#select_id"). Get (0). selectedindex=1; To set the Select index value of 1
2. $ ("#select_id"). Val (4); Select to set the value of 4 for the Select
3. $ ("#select_id option[text= ' jQuery ']"). attr ("selected", true); Set the text value of select to the item selected for jquery
jquery Add/Remove option items for select:
1. $ ("#select_id"). Append ("<option value= ' value ' >Text</option>"); Append an option to select (dropdown)
2. $ ("#select_id"). Prepend ("<option value= ' 0 ' > Please select </option>"); Inserts an option for the Select (first position)
3. $ ("#select_id option:last"). Remove (); Delete index value maximum option (last) in select
4. $ ("#select_id option[index= ' 0 ']"). Remove (); Delete option with index value of 0 in select (first)
5. $ ("#select_id option[value= ' 3 ']"). Remove (); Delete option value= ' 3 ' in select
6. $ ("#select_id option[text= ' 4 ']"). Remove (); Delete option text= ' 4 ' in select
7. $ ("#SelectID"). Remove (); Delete all items
Second, Checkbox
Select All/Cancel
Jquery.attr Gets/Sets the property value of an object, such as:
$ ("Input[name= ' chk_list ']"). attr ("checked"); Reads the status of all name ' Chk_list ' objects (checked)
$ ("Input[name= ' chk_list ']"). attr ("Checked", true); Sets the checked of all name ' Chk_list ' objects to True
$ ("#img_1"). attr ("src", "test.jpg"); Set the value of <IMG>SRC with ID img_1 as ' test.jpg '
$ ("#img_1"). attr ("src"); Read <IMG>SRC value with ID img_1
The following code gets the value of the checkbox selected in the previous instance:
<script type= "Text/javascript" >
var arrchk=$ ("Input[name= ' chk_list '][checked]");
$ (ARRCHK). each (function () {
Window.alert (This.value);
});
});
</script>
1, get the value of the checkbox
$ ("#checkboxID"). Value or $ ("input[type= ' checkbox ']"). EQ (n). attr ("Checked"). Value
2, set the selected item
$ ("input[type= ' checkbox ']"). EQ (1). attr ("checked")/Set the first checkbox to the selected item
3, delete all checkbox
$ ("input[type= ' checkbox ']"). Remove ()
4,checkbox method
$ (document). Ready (function () {
var check = $ ("input[type= ' checkbox ']");
Check.each (function (n) {
Check.eq (n). bind ("click", Function () {
if (Check.eq (n). attr ("checked")!= false) {
var value = Check.eq (n). Val ();
alert (value);
}
else {
Alert (Check.eq (n). attr ("checked"));
}
})
});
});
Third, Radio
1, get the selected value
$ ("input[type= ' Radio ']:checked"). Val ();
2, sets the specified item to the current selected item
$ ("input[type= ' Radio ']"). EQ (1). attr ("Checked", true);//Set the second item to the selected item
$ ("input[type= ' Radio '][value= ' value ')"). attr ("checked, true");
3, solve multiple radio
$ ("input[type= ' Radio '] [@name = ' rdoTest2 ']"). EQ (0). attr ("Checked", true);
Learn notes for later use.
After running, please refresh to see the effect, save to run locally, there is no problem.
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
