html选择和全选,JavaScript CheckBox实现全选和部分选择

1

2

3

4 function BatchAddToBasket() {

5 var questionNums = '';

6 var checkboxs = document.getElementsByName('question');

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

8 var isChecked = false;

9 if (checkboxs[i].checked) {

10 isChecked = true;

11 break;

12 }

13 }

14 if (!isChecked) {

15 alert('请至少选择一个选项');

16 return;

17 }

18

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

20 if (checkboxs[i].checked) {

21 questionNums += checkboxs[i].id;

22 if (i < checkboxs.length - 1)

23 questionNums += ',';

24 }

25 }

26 alert('选项id：' + questionNums);

27 }

28

29 function SelectAll(obj) {

30 if (obj.checked) {

31 var checkboxs = document.getElementsByName('question');

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

33 checkboxs[i].checked = true;

34 }

35 } else {

36 var checkboxs = document.getElementsByName('question');

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

38 checkboxs[i].checked = false;

39 }

40 }

41 }

42

43

44

45

46

47 加入试题篮

48

49

50

51

52

53

54

55

标签：CheckBox,checked,++,JavaScript,length,全选,var,questionNums,checkboxs

来源： https://www.cnblogs.com/yaosj/p/10341275.html