js 特殊文本的判断

最新推荐文章于 2023-07-05 11:41:26 发布

木子0204

最新推荐文章于 2023-07-05 11:41:26 发布

阅读量348

点赞数 1

本文链接：https://blog.csdn.net/juanmiao/article/details/82969400

版权

测试例子如下：

<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>

<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>

木子0204

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js 特殊文本的判断

测试例子如下：&lt;html&gt; &lt;head&gt; &lt;title&gt;测试&lt;/title&gt; &lt;/head&gt; &lt;script type="text/javascript"&gt; function loadOption(ids){ var all_options = document.getEle
复制链接

扫一扫