Rumah > hujung hadapan web > tutorial js > js mendapat pilihan yang dipilih oleh kotak semak kemahiran instance_javascript

js mendapat pilihan yang dipilih oleh kotak semak kemahiran instance_javascript

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
Lepaskan: 2016-05-16 16:38:51
asal
1330 orang telah melayarinya

Terdapat banyak contoh menggunakan javascript untuk mendapatkan kotak pilihan.
pelaksanaan js:

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

var form = document.getElementById("form2");

 

var field = form.elements["test2"];

var option = Dining.getSelectedOption(form, field);

var message = "";

for (var i = 0, len = option.length; i < len; i++) {

message += "Select id:" + option[i].id + "\nSelected name:" + option[i].name + "\nSelected value:" + option[i].value + "\n\n";

}

alert(message);

/*获取选中的选项*/

getSelectedOption: function (selectform, selectionfield) {

var result = [];

var option = null;

for (var i = 0; i < selectionfield.length; i++) {

option = selectionfield[i];

if (option.checked) {

result.push(option);

} www.jb51.net

 

}

return result;

 

}

<form id='form2'>

 

<label>排序:</label><input id='aaaaa' type='checkbox' name='test2' value='1'>

 

<label for='aaaaa'>月销量</label><input id='bbbbb' type='checkbox' name='test2' value='2'>

 

<label for='bbbbb'>评分</label><input id='ccccc' type='checkbox' name='test2' value='3'>

 

<label for='ccccc'>优惠</label> <br style='clear:both'><label>分类:</label><input id='ddddd' type='checkbox' name='test2' value='4'>

 

<label for='ddddd'>商务套餐</label><input id='eeeee' type='checkbox' name='test2' value='5'>

 

<label for='eeeee'>凉菜</label><input id='fffff' type='checkbox' name='test2' value='6'>

 

</form>",

Salin selepas log masuk
Label berkaitan:
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan