js怎么实现单选和多选功能切换，点击单选是单选题，点击多选是多选题

JavaScript022

js怎么实现单选和多选功能切换，点击单选是单选题，点击多选是多选题,第1张

有很多方法可以实现，不过要看你的具体需求，一般可以做成两类题目，选单选的时候显示单选的题目，多选的时候显示多选的题目；如果是想同一个题目变换单选和多选的话可以用Jquery来操作单选和多选的HTML：

首先在选项上绑定事件，然后在事件中获取当前选择的是单选还是多选，然后通过类选择器或者标签选择器来获取选项前面的选择按钮组，用循环进行遍历拿到每一个单选/多选按钮，然后用append()方法在拿到的按钮后面添加要变换的按钮，最后把拿到的按钮删掉。

思路就是这样，具体代码需要的话可以后面再贴上。

<!DOCTYPE html>

<html>

  <head>

<meta http-equiv="Content-Type" content="text/html charset=UTF-8">

<title>RunJS 演示代码</title>

<script>

onload=function(){

var str = "1,3"

var array = str.split(",")

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

document.querySelector("input[value='"+array[i]+"']").checked = true

}

}

</script>

  </head>

<body>

    <input type="checkbox" name="a" value="1">1

<input type="checkbox" name="a" value="2">2

<input type="checkbox" name="a" value="3">3

<input type="checkbox" name="a" value="4">4

  </body>

</html>