美文网首页
Jquery input type=radio 的一些常用用法

Jquery input type=radio 的一些常用用法

作者: 0d601f651140 | 来源:发表于2016-06-13 11:24 被阅读75次
    • HTML代码:
    <table width="100%" border="0" cellspacing="0" cellpadding="0" style=" margin-left:12px;">
    <tr>
    <td align="right" width="2%" ><input type="radio" name="n1" id= "n1" value="1" onclick="return f()" /></td>
    <td align="left"width="10%" >精英夏令营</td>
    <td align="right"width="2%"><input type="radio" name="n1" id= "n1" value="2" onclick="return f()" /></td>
    <td align="left" width="10%">童军夏令营</td>
    
    <td align="right"width="2%"><input type="radio" name="n1" id= "n1" value="4"onclick="return f()" /></td>
    <td align="left"width="25%" >魔力音乐剧夏令营</td>
    </tr>
    </table>
    
    • Jquery 拿值并且判断是否选中
    //判断有没有选3个中的一个
    var is_slect_n1 = $("input[type='radio'][name='n1']:checked").length;
        if(is_slect_n1){
    
        }else{
            alert('请选择夏令营');
            return false;
        }
    
    //拿用户选中的那个值
    $(document).on('change', 'input[name="n1"]:radio', function(){
        window.camp = $(this).val();
    });
    

    相关文章

      网友评论

          本文标题:Jquery input type=radio 的一些常用用法

          本文链接:https://www.haomeiwen.com/subject/aadydttx.html