有两组input type=radio的框,如何判断,每组至少选择一个

可能我描述的不是很清楚,
代码:
<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>

我要实现的是,用户点击提交的时候,验证那些输入框,首先那些单选的是否选中,复选按钮每组最少选择一个,输入款框不为空,以上条件都满足才可以提交

阅读 4.3k
3 个回答

大兄弟,建议还是先去学学html。
同一组checkbox 的name值应该都一样,value值不同,当需要id的时候可以赋值id,但请记住,不管时候时候,同一个页面,id请保证唯一性。你的代码先改改吧

单选框是根据name分组的,同name的radio单选框有且仅有一个被选中

<input type="radio" name="group1" value="1" />
<input type="radio" name="group1" value="2" />
<input type="radio" name="group2" value="1" />
<input type="radio" name="group2" value="2" />

jQuery:$("inputtype=radio").val()获取的应当是被选中的单选框上的value

require

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题
宣传栏