checkbox和radio的命名区别

作者Veris 文章分类 分类:HTML 文章评论 0条评论 阅读次数 已被围观 3121

小V在开发一个项目时遇到了表单传值问题,记录此文,方便日后翻阅。

<form action="index.php" method='post'>
    <input type="checkbox" name="check[]" id="" value="1" />
    <input type="checkbox" name="check[]" id="" value="2"/>
    <input type="checkbox" name="check[]" id="" value="3"/>
    <input type="checkbox" name="check[]" id="" value="4" />
    <br />
    <input type="radio" name="radio[]" id="" value="1" />
    <input type="radio" name="radio[]" id="" value="2" />
    <input type="radio" name="radio[]" id="" value="3" />
    <input type="radio" name="radio[]" id="" value="4" />
    <input type="submit" value="提交" />
</form>

在HTML中:

checkbox:复选框名称加[]可表示为一组有关联的复选框组,而不加[]则表示为单个,且其他复选框用了同样的名字后只认准最后一个复选框。

名称相同:只认准最后一个复选框数据,并以数组形式返回

名称相同且加数组形式:以数组形式返回整个复选框组数据

radio:单选框名称加[]表示一组有关联的单选框组,只要单选框名称相同,不加[]也可(因为radio组只返回一个有效的数据)。

名称相同:返回选择的单选框数据

名称相同且加数组形式:以数组的形式返回选择的单选框数据

总结:

checkbox多用于多个数据的传递,一般加数组形式更加,而radio多用于传递单个数据,加不加数组形式酌情取舍。

分类:HTML
标签: checkbox radio

发表评论: