有两组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>

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


海绵宝宝撒
浏览 625回答 2
2回答

精慕HU

大兄弟,建议还是先去学学html。&nbsp;同一组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
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript