2 u013400939 u013400939 于 2015.07.15 10:11 提问

如何用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   Ds   Rxr 2015.07.15 10: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>
u013400939
u013400939 求助一个问题http://ask.csdn.net/questions/194251
2 年多之前 回复
u013400939
u013400939 每次都是你解决,太牛了!!!
2 年多之前 回复
yuke198907
yuke198907   2015.07.15 15:24

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

Csdn user default icon
上传中...
上传图片
插入图片