陈广安个人网站
会写代码的咸鱼
陈广安个人网站阿里云盘资源
陈广安个人网站网盘资源搜索
“ 梦想还是要有的,万一实现了呢!”
— 马云

自定义单选框,js控制input赋值

创建时间:2020-10-12

111

<form id="messageForm26">
    <div class="lists">
        <div class="answer">
            <p class="aname" title='年龄'>1、您目前的年龄?</p>
            <ul class="qsts classes clearfix">
                <li>18-25岁</li>
                <li>26-30岁</li>
                <li>31-40岁</li>
                <li>41岁以上</li>
            </ul>
            <input type="hidden" name="a" value="">
        </div>
    </div>
    <div class="lists">
        <div class="answer">
            <p class="aname" title='学历'>2、您目前的学历是</p>
            <ul class="qsts classes clearfix">
                <li>高中</li>
                <li>中专或技校</li>
                <li>专科</li>
                <li>其他</li>
            </ul>
            <input type="hidden" name="b" value="">
        </div>
    </div>
    <input type="button" onclick="anSubForm('messageForm26')"  value="1分钟获取测评结果"/>
</form>
<script type="text/javascript">
    $(".qsts li").on("click", function() {
        $(this).addClass("on").siblings("li").removeClass("on");
        $(this).parent().parent().children('input').val($(this).text().trim());
    });
</script>