u013400939
Logica_
采纳率93.5%
2015-07-15 02:11 阅读 2.7k

如何用jquery实现点击radio选择“多选”选项后,最多xx项的maxnum文本框成为必填?

如何用jquery实现点击radio选择“多选”选项后,最多xx项的maxnum文本框成为必填?
1.只有选择多选按钮,则maxnum文本框成为必填
2.点击下一题目nextBtn若radio选项为"多选",且maxnum文本框为空,则提示“请填写最多项”

 <tr>
            <td class="table_th">选择模式:</td>
            <td width="">
            <input type="radio" name="selectMode" value="1"checked="checked" />单选 
            <input type="radio" name="selectMode"value="2" />多选
            <input type="hidden" id="limit" name="limit"  value="15" style="width: 4%"/>
                        最多<input type="text" id="maxnum" name="maxnum" style="width: 4%"/>项
            </td>
        </tr>

        <tr>
            <td height="33" colspan="2" align="center">
            <input type="button" value="上一题目" id="frontBtn" class="butn" >&nbsp;&nbsp;
            <input type="button" value="下一题目" id="nextBtn" class="butn" > &nbsp;&nbsp;
            <input type="button" value="预览" id="showBtn" class="butn" >
            </td>
        </tr>
  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 复制链接分享

2条回答 默认 最新

  • 已采纳
    danielinbiti danielinbiti 2015-07-15 02:44
    function nextBtn(){
            if($('input[name=selectMode][value="2"]').attr('checked')&&!$('#maxnum').val()){
                 alert('必须填写最多项');
                 return;
            }
        }
    
        ===
     <tr>
                <td class="table_th">选择模式:</td>
                <td width="">
                <input type="radio" name="selectMode" value="1"checked="checked" />单选 
                <input type="radio" name="selectMode"value="2" />多选
                <input type="hidden" id="limit" name="limit"  value="15" style="width: 4%"/>
                            最多<input type="text" id="maxnum" name="maxnum" style="width: 4%"/>项
                </td>
            </tr>
    
            <tr>
                <td height="33" colspan="2" align="center">
                <input type="button" value="上一题目" id="frontBtn" class="butn" >&nbsp;&nbsp;
                <input type="button" value="下一题目" id="nextBtn" class="butn" onclick='nextBtn()'> &nbsp;&nbsp;
                <input type="button" value="预览" id="showBtn" class="butn" >
                </td>
            </tr>
    
    点赞 评论 复制链接分享
  • yuke198907 yuke198907 2015-07-15 07:24

    //模式
    var smode = $("input:radio[name=selectMode]").filter("[checked]").val();
    //如果模式为多选,则判断最多项是否为空即可

    点赞 评论 复制链接分享

相关推荐