html里面checkedbox如何分组_IT百科

checkbox分组，其实就是name属性取一样的名字而已，如果视觉上想加个框框起来，就用<fieldset>标签，如下：

<input type="checkbox" name="favoirte" value="ball">打球

<input type="checkbox" name="favoirte" value="swim">游泳

<input type="checkbox" name="favoirte" value="sing">唱歌

</fieldset>

你好，html自带的select元素，是不支持option中带checkbox的，所有如果想实现这样的特殊select，必须自己编写一个功能类似select的下拉框

我实现了一个简单的，你看下就会了，我用的箭头代表的三角，可以直接运行

<html>

<head>

<style>

ul{list-style-type:none}

li{border:solid 1pxwidth:100px}

.liShow{display:blockbackground:while}

.liHide{display:nonebackground:blue}

</style>

var nextState=1

function change(obj){

var liArray=document.getElementsByTagName("LI")

var i=1

var length=liArray.length

switch(nextState){

case 1:

obj.innerHTML="当前选择↑"

for(i<lengthi++){

liArray[i].className="liShow"

}

nextState=0

break

case 0:

obj.innerHTML="当前选择↓"

for(i<lengthi++){

liArray[i].className="liHide"

}

nextState=1

}

</script>

</head>

<body>

</ul>

</body>

</html>

欢迎分享，转载请注明来源：内存溢出

html里面checkedbox如何分组