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

Question

如何用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>

Answer 1

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>