一个radio在一行表格中。如何用JQuery,JS选择了radio后,获取那一行的属性。并在页面删除那一行

一个radio在一行表格中。如何用JQuery,JS选择了radio后,获取那一行的属性。并在页面删除那一行,第1张

<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怎样 获取表格奇数行偶数行等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/10136730.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-05
下一篇 2023-05-05

发表评论

登录后才能评论

评论列表(0条)

保存