<html>
<head>
<meta >
1、遍历tr,得到鼠标所在tr的索引值,然后用二楼所说的方法判断奇偶;
2、用jQuery方便很多,在选择器后面加上":even"便选择的是索引值为偶数的元素,加":odd"便是索引值为奇数的元素。
下面是实现的代码,包括jQuery的:
<html>
<head>
<title></title>
<script type="text/javascript" src="jquery/jquery-142js"></script>
<script type="text/javascript">
function changeStyle(elementId) {
var testTable = documentgetElementById("testTable")children[0];
for(var i = 0; i < testTablechildrenlength; i++) {
if(testTablechildren[i] == elementId) {
if(i % 2 == 1) //奇数
elementIdstylebackground = "red";
else //偶数
elementIdstylebackground = "blue";
}
}
}
//清除样式
function changeBack(elementId) {
elementIdstylebackground = "";
}
/
jQuery方法:
/
$(document)ready(function() {
$("#jqueryTable tr:even")mouseover(function() {
$(this)css("background", "red");
});
$("#jqueryTable tr:odd")mouseover(function() {
$(this)css("background", "blue");
});
$("#jqueryTable tr")mouseout(function() {
$(this)css("background", "");
});
});
</script>
</head>
<body>
<table id="testTable" border="1">
<tr onmouseover="changeStyle(this)" onmouseout="changeBack(this)">
<td>第</td><td>一行</td>
</tr>
<tr onmouseover="changeStyle(this)" onmouseout="changeBack(this)">
<td>第</td><td>二行</td>
</tr>
<tr onmouseover="changeStyle(this)" onmouseout="changeBack(this)">
<td>第</td><td>三行</td>
</tr>
<tr onmouseover="changeStyle(this)" onmouseout="changeBack(this)">
<td>第</td><td>四行</td>
</tr>
<tr onmouseover="changeStyle(this)" onmouseout="changeBack(this)">
<td>第</td><td>五行</td>
</tr>
</table>
<table id="jqueryTable" border="1">
<tr>
<td>第一行</td>
</tr>
<tr>
<td>第二行</td>
</tr>
<tr>
<td>第三行</td>
</tr>
<tr>
<td>第四行</td>
</tr>
<tr>
<td>第五行</td>
</tr>
</table>
</body>
</html>
javascript获取表单中的值?
如获取form 表单下<input type='text' name='filename'>中的值
两种方法:
1、documentgetElementById("filename")value
2、documentformfilenamevalue
lotus的表单中,通过JavaScript获取表单中的指定域值?js:documentforms[0]xxvalue就可以了
xx为表单中的域的名称!
如何用js获取表单中的值给表单中的元素设定id属性,js:
var value = documentgetElementById("你的元素的id")value;
php如何获取表单中textarea的值?<form action="dophp" method="post">
<input type=textarea name=intext/>
<input type=submit value="submit"/>
</form>
dophp
<php
$intext = $_POST['intext'];
怎样获取form表单中input的值给input新增 id 例如 <input id="myInput" value="" type=text/>
var aa = documentgetElementById("myInput")val();或者用jquery $("#myInput")val();
ExtJS中怎样获取Form表单中的每一项的值
ExtJS中有事需要获得Form表单的值,根据API可知 getValues() 可以获得单签Form表单中所有 Name 值的一个物件。
片段程式码如下:
var formValues=formpanelgetForm()getValues(); 获取表单中的所有Name键/值对物件
alert(formValues["firstname"]); 输出表单中 firstname 栏位的值
consolelog(formValues); 输出结果是表单中的所有Name键/值对的一个物件
整体程式码如下:
/
Created with JetBrains PhpStorm
User: std
Date: 13-6-9
Time: 上午10:55
To change this template use File | Settings | File Templates
/
ExtonReady(function(){
var formpanel=Extcreate("ExtformPanel",{
title:"Dynamic Form",
draggable:true,
frame:true,
width:330,
height:255,
autoHeight:true,
bodyPadding:"7 5 7 5",
items:[{
xtype:"fieldset",
frame:true,
title:"Contact Information",
defaultType: 'textfield',
defaults:{xtype:"textfield",labelWidth:80,labelAlign:"right",width:280},
items:[{
fieldLabel:"First Name",emptyText:"First Name",name:"firstname"
},{
fieldLabel:"Last Name",emptyText:"Last Name",name:"lastname"
},{
fieldLabel:"Company",emptyText:"Company",name:"pany"
},{
fieldLabel:"Email",emptyText:"Email",name:"email"
},{
fieldLabel:"State",xtype:"bobox",emptyText:"请选择",name:"state"
},{
fieldLabel:"Date of Birth",xtype:"datefield",emptyText:"请选择日期",name:"dateofbirth"
}]
}],
buttons:[
{text:"确定",handler:function(){
var formValues=formpanelgetForm()getValues();
alert(formValues["firstname"]);
consolelog(formValues);
}},
{text:"取消"}
]
});
formpanelrender(ExtgetBody());
});
直接在每一项 的元件里面 新增 一个 id
id:'textId'
ExtgetCmp('textId')getValue()
怎样用jQuery获取表单中的值并赋给阵列类似这样
var i=0;
var fields = $("input")serializeArray();
jQueryeach(fields, function(index, field){inf[i]=fieldvalue;i++;});
在php中怎样获取表单中档案域的值获取到的POST、GET是阵列形式的值,需要通过键值来详细获取相应的值
比如: indexphp 页面
下面是POST方法
<form name=form1 method="post" action="indexphp">
<input type=text name=contents value="">
<input type=submit value="提交">
</form>
<php
获取表单提交的资料
$contents = $_POST['contents'];
echo $contents;
>
也可以是下面是GET方法
<form name=form1 action="indexphp">
<input type=text name=contents value="">
<input type=submit value="提交">
</form>
<php
获取表单提交的资料
$contents = $_GET['contents'];
echo $contents;
>
POST相对于GET方法,更好一些,可以提交大量资料,以及更安全些。
1:你可以给table加一个id这样简单很多。也可以不加id
2:取table里input type="text 所有的值
var len = documentgetElementsByTagName("table")[0]getElementsByTagName("input")length;
var inputVal;
for(var i=0;i<len;i++){
inputVal += documentgetElementsByTagName("table")[0]getElementsByTagName("input")[i]value + "<br />";
}
alert(inputVal);
3:去select下的option的val 一样通过for循环遍历出来。这会吧。
下面的代码先通过表格对象的rows获得指定的行的所有单元格数组,然后定位指定的单元格,通过单元格的innerHTML属性获得单元格的html内容
<!DOCTYPE html>
<html>
<head>
<script>
function cell()
{
var x=documentgetElementById('myTable')rows[0]cells;
alert(x[0]innerHTML);
}
JavaScript一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言。
以上就是关于一个radio在一行表格中。如何用JQuery,JS选择了radio后,获取那一行的属性。并在页面删除那一行全部的内容,包括:一个radio在一行表格中。如何用JQuery,JS选择了radio后,获取那一行的属性。并在页面删除那一行、js怎么获取表格中指定行某一列的值、javascript怎样 获取表格奇数行偶数行等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)