移动端 label标签文字不能选中 必须点击前面小圆点

` <div class="cnt">

            <h3>1、您对此次培训是否满意?</h3>
            <ul>
                <li><label for="is1" onclick="" ><input type="radio" name="is1" id="is1" value="10" onclick="" />很满意</label> </li>
                <li><label for="is1" onclick="" ><input type="radio" name="is1" id="is1" value="5" onclick="" />一般</label></li>
                <li><label for="is1" onclick="" ><input type="radio" name="is1" id="is1" value="0" onclick="" />不满意</label></li>         
            </ul>
        </div>
        <div class="cnt">
            <h3>2、我国营养学会关于合理膳食提出?</h3>
            <ul>
                <li><label for="is6" onclick=""><input type="radio" name="is6" id="is6" value="0" />食盐要大量、饥饱要适当</label></li>
                <li><label for="is6" onclick=""><input type="radio" name="is6" id="is6" value="0" />瘦肉要多吃、饮酒要节制</label></li>
                <li><label for="is6" onclick=""><input type="radio" name="is6" id="is6" value="10" />粗细要搭配、食物要多样</label></li>
           
            </ul>
        </div>`

`$("#prev").click(function(){

    checkbtn();                      
    if(i>0) {
        setporogress(-1)
        }
    })    
$("#next").click(function(){
    checkbtn();                      
    if(sld>i) {
        setporogress(1)
        }
    })    

$("#issue").find("li").click(function(){                                  
        if(!$(this).parents("div.cnt").hasClass("selected")){                            
            selec(this);                
            }            
        setporogress(1);
        
    
        return false;    
    })

.hover(
    function(){$(this).addClass("hover")},
    function(){$(this).removeClass("hover")}
    )



function warn(txt){
    $("#war").html(txt).fadeIn(500,function(){$("#war").html("").fadeOut(500)});        
    }


function checkbtn(){
    if(i<=0){
        $("#prev").addClass("noprev");
        }else{
            $("#prev").removeClass("noprev");
            }
    if(sld<=i){
        $("#next").addClass("nonext");
        }else{
            $("#next").removeClass("nonext");
            }    
    }

setporogress(i);
`

测试网址为:http://www.xakj365.com/aa/zlc...
手机端点击文字会直接跳下一题,但是不会有选中状态,小圆点也不会被选中,导致最后跳转异常;

我感觉是js代码进行了屏蔽,点击文字不会真实的选中,只服务于之前自己创建的选中样式,如何去除这个样式呢?

阅读 2.4k
1 个回答

for=指向的id要唯一,你这id重复了。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题