您的位置：首页 > Web前端 > JavaScript

javascript根据输入关键字勾选复选框

2016-01-05 16:15 691 查看 
<pre name="code" class="html"><!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>根据输入文字选中复选框</title>
</head>
<body>
<textarea cols="150" rows="8" id="inputtext"></textarea>
<p>
<input type="checkbox" data-key="javascript" name="autoselect">javascript
<input type="checkbox" data-key="jquery"  name="autoselect">jquery
<input type="checkbox" data-key="html5"  name="autoselect">html5
<input type="checkbox" data-key="css3"  name="autoselect">css3
</p>
<script>
window.onload=function(){
var inputtext=document.getElementById("inputtext"),autoselects=document.getElementsByName("autoselect"),length=autoselects.length;
inputtext.onkeyup=function(){
for(var i=0;i<length;i++){
var curkeyword=autoselects[i].getAttribute("data-key");
if(this.value.replace(/^(\s|(\u00A0))+|(\s|u00A0)+$/g,"").search(curkeyword)!=-1){ //search() 方法用于检索字符串中指定的子字符串，或检索与正则表达式相匹配的子字符串。
autoselects[i].checked=true;                                                  //search() 方法不执行全局匹配，它将忽略标志 g。它同时忽略 regexp 的 lastIndex 属性，
}
else {
autoselects[i].checked=false;
}
}
}
}
</script>
</body>
</html>



                                            

                                        

                        
                        内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息 
                    

                    

                    

                        

                         标签： 
                                                

                        

                    


                

            


            

                
相关文章推荐

                

                
            

        

        

            

            
            

                

                    
新的分享

                    

                        
                    

                

            


            

                

                    
章节导航