js 特殊文本的判断

简介: js 特殊文本的判断

测试例子如下:


<html>
  <head>
    <title>测试</title>
  </head>
 <script type="text/javascript">
 
  function loadOption(ids){   
     var all_options = document.getElementById("test").options;
     for(i=0;i<all_options.length;i++){
   
        if(all_options[i].value == ids){
           all_options[i].selected = true;
        }
     }  
  }
  function onSave(){   
 
  var obj = document.getElementById("test"); //定位id
  var index = obj.selectedIndex; //选中索引
  var text = obj.options[index].text; //选中文本
  var value = obj.options[index].value; //选中值
  alert(index +"||"+text +"||"+value );
 }
 
   function onRadio(){   
 
      var radios = document.getElementsByName("sex");     
      var value;
      for(var i=0;i<radios.length;i++){
        if(radios[i].checked == true){
          value = radios[i].value;
        }
      }
      alert(value);
   }
 
   function loadRadio(id){
      var radios = document.getElementsByName("sex");     
      var value;
      for(var i=0;i<radios.length;i++){
   
        if(radios[i].value == id){        
         radios[i].checked = true;
        }
      }
   }   
   function onCheckbox(){
 
   var obj = document.getElementsByName("only");
   //var check_val = [];
  //for(k in obj){
       // if(obj[k].checked)
         //   check_val.push(obj[k].value);
    //}
   // alert(check_val);   
       var value = "";
       for(var i=0;i<obj.length;i++){
          if(obj[i].checked == true){
            value +=obj[i].value+","
          }
       }
       alert(value.substring(0, value.lastIndexOf(',')));      
   } 
 
   function loadCheckbox(id){
    id = "1,2,3"
     var obj = document.getElementsByName("only");
     for(var i=0;i<obj.length;i++){
       for(j in id){
     
         if(obj[i].value == id[j]){
          alert(obj[i].value+"||"+id[j]+"||"+obj[i].checked);
              obj[i].checked = true;
         }
       }
     }
   }
</script> 
<!--οnlοad="loadOption(3);||loadRadio(1)||loadCheckbox(1,2)"-->
   <body οnlοad="loadCheckbox(1,2);"->
   <form id="form1" name="form1" action="#">
   <div>
   <select id="test" style="width:100px;height:30px;">     
      <option id="sel" value="">--请选择--</option>
      <option id="sel" value="1">是</option>
      <option id="sel" value="2">否</option>
      <option id="sel" value="3">其他</option>
   </select>
   <button id="test1" name="test" onClick="onSave();" />测试
   </div>
   <br>
   <div>
   <input type="radio" id="sex1" name="sex" value="1">男<input type="radio" name="sex" id="sex2" value="2">女
    <button id="test2" name="test2" onClick="onRadio();" />测试radio
   </div>
   <br>
 
   <div>
    <input type="checkbox" name="only" id="only1" value="1">一次
    <input type="checkbox" name="only" id="only2" value="2">二次
    <input type="checkbox" name="only" id="only3" value="3">三次
    <input type="checkbox" name="only" id="only4" value="4">四次
    <button id="test3" name="test3" onClick="onCheckbox();"/>测试checkbox
   </div>
</form>
  </body>
</html>
目录
相关文章
|
5月前
|
JavaScript 前端开发 Java
java调用js实现富文本过滤
java调用js实现富文本过滤
|
3月前
|
前端开发 JavaScript
文本,wangEditor5展示HTML无样式,wangEditor5如何看源码,Ctrl + U看CSS文件,代码高亮,Prism.js可以实现,解决方法,参考网页源代码的写法
文本,wangEditor5展示HTML无样式,wangEditor5如何看源码,Ctrl + U看CSS文件,代码高亮,Prism.js可以实现,解决方法,参考网页源代码的写法
|
3月前
|
JavaScript 前端开发
vue 模拟随机变速的动态打字特效【支持多行文本】(含css实现闪烁光标,js动态改变setInterval定时器的时间间隔)
vue 模拟随机变速的动态打字特效【支持多行文本】(含css实现闪烁光标,js动态改变setInterval定时器的时间间隔)
62 1
|
3月前
|
JavaScript
文本,Pinia的使用,(0 , _stores_token_js__WEBPACK_IMPORTED_MODULE_1__.useTokenStore),接口中必须用引入store.js文件
文本,Pinia的使用,(0 , _stores_token_js__WEBPACK_IMPORTED_MODULE_1__.useTokenStore),接口中必须用引入store.js文件
文本vitepress,如何设置背景图,如何插入背景图,如何插入logo,为了放背景图片,我们要新建pubilc的文件夹,插入logo要在config.js中进行配置,注意细节,在添加背景时,注意格式
文本vitepress,如何设置背景图,如何插入背景图,如何插入logo,为了放背景图片,我们要新建pubilc的文件夹,插入logo要在config.js中进行配置,注意细节,在添加背景时,注意格式
|
3月前
|
资源调度 前端开发
文本,vitepress的使用,如何使用vitevitepress没有config.js该怎么办?这里使用vitepress进行手动配置,参考只爭朝夕不負韶華的文章
文本,vitepress的使用,如何使用vitevitepress没有config.js该怎么办?这里使用vitepress进行手动配置,参考只爭朝夕不負韶華的文章
|
5月前
|
JavaScript
JS实现一键点击按钮复制文本
【5月更文挑战第6天】JS实现一键点击按钮复制文本
|
4月前
|
JavaScript 前端开发
JavaScript 计算颜色的相对亮度,并确定相应的文本颜色
JavaScript 计算颜色的相对亮度,并确定相应的文本颜色
50 0
|
5月前
编程笔记 html5&css&js 007 HTML文本:段落和格式
编程笔记 html5&css&js 007 HTML文本:段落和格式
|
5月前
编程笔记 html5&css&js 006 HTML文本:标题
编程笔记 html5&css&js 006 HTML文本:标题