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>
目录
相关文章
|
9月前
|
JavaScript 前端开发 Java
java调用js实现富文本过滤
java调用js实现富文本过滤
|
7月前
|
前端开发 JavaScript
文本,wangEditor5展示HTML无样式,wangEditor5如何看源码,Ctrl + U看CSS文件,代码高亮,Prism.js可以实现,解决方法,参考网页源代码的写法
文本,wangEditor5展示HTML无样式,wangEditor5如何看源码,Ctrl + U看CSS文件,代码高亮,Prism.js可以实现,解决方法,参考网页源代码的写法
|
7月前
|
JavaScript 前端开发
vue 模拟随机变速的动态打字特效【支持多行文本】(含css实现闪烁光标,js动态改变setInterval定时器的时间间隔)
vue 模拟随机变速的动态打字特效【支持多行文本】(含css实现闪烁光标,js动态改变setInterval定时器的时间间隔)
120 1
|
7月前
|
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中进行配置,注意细节,在添加背景时,注意格式
|
7月前
|
资源调度 前端开发
文本,vitepress的使用,如何使用vitevitepress没有config.js该怎么办?这里使用vitepress进行手动配置,参考只爭朝夕不負韶華的文章
文本,vitepress的使用,如何使用vitevitepress没有config.js该怎么办?这里使用vitepress进行手动配置,参考只爭朝夕不負韶華的文章
|
9月前
|
JavaScript
JS实现一键点击按钮复制文本
【5月更文挑战第6天】JS实现一键点击按钮复制文本
|
8月前
|
JavaScript 前端开发
JavaScript 计算颜色的相对亮度,并确定相应的文本颜色
JavaScript 计算颜色的相对亮度,并确定相应的文本颜色
97 0
|
9月前
编程笔记 html5&css&js 007 HTML文本:段落和格式
编程笔记 html5&css&js 007 HTML文本:段落和格式
|
9月前
编程笔记 html5&css&js 006 HTML文本:标题
编程笔记 html5&css&js 006 HTML文本:标题

热门文章

最新文章

  • 1
    【02】仿站技术之python技术,看完学会再也不用去购买收费工具了-本次找了小影-感觉页面很好看-本次是爬取vue需要用到Puppeteer库用node.js扒一个app下载落地页-包括安卓android下载(简单)-ios苹果plist下载(稍微麻烦一丢丢)-优雅草卓伊凡
    23
  • 2
    Node.js 中实现多任务下载的并发控制策略
    32
  • 3
    【2025优雅草开源计划进行中01】-针对web前端开发初学者使用-优雅草科技官网-纯静态页面html+css+JavaScript可直接下载使用-开源-首页为优雅草吴银满工程师原创-优雅草卓伊凡发布
    25
  • 4
    【JavaScript】深入理解 let、var 和 const
    48
  • 5
    【04】Java+若依+vue.js技术栈实现钱包积分管理系统项目-若依框架二次开发准备工作-以及建立初步后端目录菜单列-优雅草卓伊凡商业项目实战
    44
  • 6
    【03】Java+若依+vue.js技术栈实现钱包积分管理系统项目-若依框架搭建-服务端-后台管理-整体搭建-优雅草卓伊凡商业项目实战
    52
  • 7
    【02】Java+若依+vue.js技术栈实现钱包积分管理系统项目-商业级电玩城积分系统商业项目实战-ui设计图figmaUI设计准备-figma汉化插件-mysql数据库设计-优雅草卓伊凡商业项目实战
    55
  • 8
    如何通过pm2以cluster模式多进程部署next.js(包括docker下的部署)
    71
  • 9
    【01】Java+若依+vue.js技术栈实现钱包积分管理系统项目-商业级电玩城积分系统商业项目实战-需求改为思维导图-设计数据库-确定基础架构和设计-优雅草卓伊凡商业项目实战
    55
  • 10
    JavaWeb JavaScript ③ JS的流程控制和函数
    62