可能我描述的不是很清楚,
代码:
<form class="wrap">
<div class="ground">
<p>请选择你的选择:</p>
<input type="checkbox" name="a" id="a" value="1" />选择1
<input type="checkbox" name="b" id="a" value="2" />选择2
<input type="checkbox" name="c" id="a" value="3" />选择3
<input type="checkbox" name="d" id="a" value="4" />选择4
<input type="checkbox" name="e" id="a" value="5" />选择5
<input type="checkbox" name="f" id="a" value="6" />选择6
</div>
<div class="ground2">
<p>请选择你喜欢的水果:</p>
<input type="radio" name="goods[0]" value="apple" />苹果
<input type="radio" name="goods[0]" value="banana" />苹果2
<input type="radio" name="goods[0]" value="fruit" />苹果3
</div>
<div class="ground3">
<p>请输入地址1:</p>
<input type="text" name="goods[0]" value="apple" placeholder="请输入"/>
</div>
<div class="ground">
<p>请选择你的选择2:</p>
<input type="checkbox" name="a" id="a" value="1" />选择1
<input type="checkbox" name="b" id="a" value="2" />选择2
<input type="checkbox" name="c" id="a" value="3" />选择3
<input type="checkbox" name="d" id="a" value="4" />选择4
<input type="checkbox" name="e" id="a" value="5" />选择5
<input type="checkbox" name="f" id="a" value="6" />选择6
</div>
<div class="ground2">
<p>请选择你喜欢的水果2:</p>
<input type="radio" name="goods[1]" value="apple" />苹果
<input type="radio" name="goods[1]" value="banana" />苹果2
<input type="radio" name="goods[1]" value="fruit" />苹果3
</div>
<div class="ground3">
<p>请输入地址1:</p>
<input type="text" name="goods[0]" value="apple" placeholder="请输入"/>
</div>
<button type="button">提交</button>
</form>
我要实现的是,用户点击提交的时候,验证那些输入框,首先那些单选的是否选中,复选按钮每组最少选择一个,输入款框不为空,以上条件都满足才可以提交
大兄弟,建议还是先去学学html。
同一组checkbox 的name值应该都一样,value值不同,当需要id的时候可以赋值id,但请记住,不管时候时候,同一个页面,id请保证唯一性。你的代码先改改吧