js控制表单操作的常用代码小结_javascript技巧_动视

js控制表单操作的常用代码小结_javascript技巧

2020-11-27 21:12:55 责编:小采

1.鼠标经过时自动选择文本
Code:
代码如下:
鼠标划过自动选中：

2.设置单选按钮
Code:
代码如下:

js操作表单

function getChoice(){
var oForm=document.forms["myForm1"];
var aChoice=oForm.camera;
for(i=0;iif(aChoice[i].checked)
break;
alert("您使用的相机品牌是："+aChoice[i].value);
}
function setChoice(iNum){
var oForm=document.forms["myForm1"];
oForm.camera[iNum].checked=true;
}

3.设置复选框
Code：
代码如下:

js操作表单

function changeBoxes(action){
var oForm=document.forms["myForm1"];
var oCheckBox=oForm.hobby;
for(var i=0;iif(action<0) //反选
oCheckBox[i].checked=!oCheckBox[i].checked;
else
oCheckBox[i].checked=action;
}

4.设置下拉菜单
下拉菜单中最重要的莫过于访问被用户选中的选项，对于单选下拉菜单可以通过selectedIndex属性轻松地访问到选项。
Code:
代码如下:

js操作表单

function checkSingle(){
var oForm=document.forms["myForm1"];
var oSelectBox=oForm.constellation;
var iChoice=oSelectBox.selectedIndex;//获取选中项
alert("您选中了："+oSelectBox.options[iChoice].text);
}

下载本文

显示全文

全部频道