亚洲中文字幕无码久久,蜜臀亚洲AV无码精品国产午夜.,亚洲精品国产摄像头

jquery radio取��|��checkbox取��|��select取��|��radio选中�Q�checkbox选中

crazy — Wed, 26 Aug 2009 03:11:00 GMT

jquery radio取��|��checkbox取��|��select取��|��radio选中�Q�checkbox选中

2009-05-18 16:27

文章��介：获取select被选中��的文本�Q�select下拉框的�W�二个元素�ؓ当前选中��|��radio单选组的第二个元素为当前选中��|��获取��|��文本框，文本区域�Q?("#txt").attr("value")�Q�多选框checkbox�Q?("#checkbox_id").attr("value")�Q�单选组radio�Q?$("input[@type=radio][@checked]").val();下拉框select�Q?$('#sel').val(); …�?
jquery radio取��|��checkbox取��|��select取��|��radio选中�Q�checkbox选中�Q�select选中�Q�及其相�?获取一�l�radio被选中��的�?/p>

var item = $('input[@name=items][@checked]').val();

获取select被选中��的文本

var item = $("select[@name=items] option[@selected]").text();

select下拉框的�W�二个元素�ؓ当前选中�?/p>

$('#select_id')[0].selectedIndex = 1;

radio单选组的第二个元素为当前选中�?/p>

$('input[@name=items]').get(1).checked = true;

获取��|��

文本框，文本区域�Q?("#txt").attr("value")�Q?/p>

多选框checkbox�Q?("#checkbox_id").attr("value")�Q?/p>

单选组radio�Q?$("input[@type=radio][@checked]").val();

下拉框select�Q?$('#sel').val();

控制表单元素�Q?/p>

文本框，文本区域�Q?("#txt").attr("value",'');//清空内容

$("#txt").attr("value",'11');//填充内容

多选框checkbox�Q?$("#chk1").attr("checked",'');//不打�?/p>

$("#chk2").attr("checked",true);//打勾

if($("#chk1").attr('checked')==undefined) //判断是否已经打勾

单选组radio�Q?$("input[@type=radio]").attr("checked",'2');//讄��value=2的项目�ؓ当前选中��?/p>

下拉框select�Q?$("#sel").attr("value",'-sel3');//讄��value=-sel3的项目�ؓ当前选中��?/p>

$("11112222").appendTo("#sel")//��d��

下拉框的option

$("#sel").empty()�Q?/清空下拉�?/p>

获取一�l�radio被选中��的�?/p>

var item = $('input[@name=items][@checked]').val();

获取select被选中��的文本

var item = $("select[@name=items] option[@selected]").text();

select下拉框的�W�二个元素�ؓ当前选中�?/p>

$('#select_id')[0].selectedIndex = 1;

radio单选组的第二个元素为当前选中�?/p>

$('input[@name=items]').get(1).checked = true;

获取��|��

文本框，文本区域�Q?("#txt").attr("value")�Q?/p>

多选框checkbox�Q?("#checkbox_id").attr("value")�Q?/p>

单选组radio�Q?$("input[@type=radio][@checked]").val();

下拉框select�Q?$('#sel').val();

控制表单元素�Q?/p>

文本框，文本区域�Q?("#txt").attr("value",'');//清空内容

$("#txt").attr("value",'11');//填充内容

多选框checkbox�Q?$("#chk1").attr("checked",'');//不打�?/p>

$("#chk2").attr("checked",true);//打勾

if($("#chk1").attr('checked')==undefined) //判断是否已经打勾

单选组radio�Q?$("input[@type=radio]").attr("checked",'2');//讄��value=2的项目�ؓ当前选中��?/p>

下拉框select�Q?$("#sel").attr("value",'-sel3');//讄��value=-sel3的项目�ؓ当前选中��?/p>

$("").appendTo("#sel")//��d��下拉框的option

$("#sel").empty()�Q?/清空下拉�?/p>

crazy 2009-08-26 11:11 发表评论

crazy — Mon, 14 Jul 2008 01:47:00 GMT

点击我查看信�?lt;/A>

crazy 2008-07-14 09:47 发表评论

js对象

crazy — Fri, 13 Jun 2008 12:56:00 GMT

New Document

�l�果 alert(1,3)取不到�?/p>

crazy 2008-06-13 20:56 发表评论

dwr

crazy — Thu, 12 Jun 2008 02:15:00 GMT

DWR util.js 整理(DWR 处理各种form表单Select/option,table�{?List,Bean
DWR��结DWRUtil��?/font>

推荐圈子: GT-Grid
更多相关推荐

DWR 处理各种form表单Select/option,table

util.js包含一些有用的函数function,用于在客��L��面调用.

主要功能如下�Q?

代码

1�?() 获得��面参数�?
2、addOptions and removeAllOptions 初始化下拉框
3、addRows and removeAllRows 填充表格
4、getText 取得text属性�?
5、getValue 取得form表单�?
6、getValues 取得form多个�?
7、onReturn
8、selectRange
9、setValue
10、setValues
11、toDescriptiveString
12、useLoadingMessage
13、Submission box

代码

1�?()函数
IE5.0 不支�?
$ = document.getElementById
取得form表单�?
var name = $("name");

代码

a、如果你惛_��更新select �Ӟ��想保存原来的数据�Q�即在原来的select中添加新的option�Q?
var sel = DWRUtil.getValue(id);
DWRUtil.removeAllOptions(id);
DWRUtil.addOptions(id,...);
DWRUtil.setValue(id,sel);
demo:比如你想��d��一个option�Q��?-请选择--�?
DWRUtil.addOptions(id,["--请选择--"]);

DWRUtil.addOptions()�?中方式：

代码

@ Simple Array Example: ��单数�l?
例如:
Array array = new Array[ 'Africa', 'America', 'Asia', 'Australasia', 'Europe' ]�Q?
DWRUtil.addOptions("demo1",array);

代码

@ Simple Object Array Example ��单数�l?元素为beans
�q�种情况�?你需要指定要昄�� beans �?property 以及对应�?bean �?
例如:
public class Person {
private String name;
private Integer id;
pirvate String address;
public void set(){……}
public String get(){……}
}
DWRUtil.addOptions("demo2",array,'id','name');
其中id指向及bean的id属性，在optiong中对应value�Q�name指向bean的name属性，对应下拉框中昄��的哪个�?

代码

@ Advanced Object Array Example 基本同上
DWRUtil.addOptions( "demo3",
[{ name:'Africa', id:'AF' },
{ name:'America', id:'AM' },
{ name:'Asia', id:'AS' },
{ name:'Australasia', id:'AU' },
{ name:'Europe', id:'EU' }
],'id','name');

代码

@ Map Example 用制定的map来填�?options:
如果 server �q�回 Map,呢么�q�样处理卛_��Q?
DWRUtil.addOptions( "demo3",map);
其中 value 对应 map keys�Q�text 对应 map values�Q?

代码

@

crazy 2008-06-12 10:15 发表评论

�~�辑的单元格

crazy — Thu, 05 Jun 2008 07:21:00 GMT

新徏�|�页 1

Test

crazy 2008-06-05 15:21 发表评论

js cookie

crazy — Thu, 27 Mar 2008 06:37:00 GMT

function writeCookie(name, value, expires)
{
var expire = "";
if(expires != null)
{
expire = new Date((new Date()).getTime() + expires * 3600000);
expire = "; expires=" + expire.toGMTString();
}
document.cookie = name + "=" + escape(value) + expire;
}

crazy 2008-03-27 14:37 发表评论

prototype

crazy — Fri, 21 Dec 2007 18:56:00 GMT

�?/span> Javascript 中， object ��是一�?/span> associative array 。一�?/span> function ��是一个类。当你编写如�?/span> function �Ӟ��其实��是定义了一个类�Q�该 function ��是它的构造函数�?/span>

function MyObject(name, size)

{

this.name = name;

this.size = size;

}

之后�Q�你可以方便的通过 MyObject �cȝ�� prototype 属性来方便的扩充它。比如，你可以给他添加其他的属性和�Ҏ��?/span>

MyObject.prototype.tellSize = function()

{

return "size of "+this.name+" is "+this.size;

}

MyObject.prototype.color = "red";

MyObject.prototype.tellColor = function()

{

return "color of "+this.name+" is "+this.color;

}

var myobj1 = new MyObject("tiddles", "7.5 meters");

domDiv.innerHTML += myobj1.tellColor()+"

";

你可以想象，当你调用 tellColor() �Ҏ��后，�l�果是这��L��Q?/span>

color of tiddles is red

很方便的是， prototype 属性可以动态添加。比如，你需要往 MyObject 中加入一�?/span> height 属性，�q�希望其提供一�?/span> tellHeight() �Ҏ��来获�?/span> height 属性的倹{��你可以在上面的代码后，�l�箋��d��如下的代码：

MyObject.prototype.height = "2.26 meters";

MyObject.prototype.tellHeight = function()

{

return "height of "+this.name+" is "+this.height;

}

之后�Q�你可以讉K��一�?/span> myobj1 �?/span> tellHeight() �Ҏ��Q�你可以得到如下的结果：

height of tiddles is 2.26 meters

prototype 的这些动态的�Ҏ��看��h��有些�q��h�Q�不�q�我倒是反而觉得有些凉飕飕的。确实，�q�些�Ҏ��给你很大的灉|��性，可以�l�与�?/span> runtime 改变�c�d��性和�Ҏ��的能力。不�q�，�E�微发掘一下，会有些不良的习惯产生�?/span>

首先�Q�如果可以动态添加属性和�Ҏ��Q�那么很�Ҏ��让�h惛_��Q�当我调用时�Q�我惌��调用的属性或者方法存在不�Q�这是一个很严肃的问题，如果当我们调用时�Ҏ��没有该属性或者方法，��可能导致我们的脚本 down 掉�?/span>

不过也有解决办法。比如，在上面的代码中，当还没有 tellHeight() �Ҏ��Ӟ��我们可以如下�~�写代码避免发生错误�Q?/span>

if (myobj1.tellHeight)

{

domDiv.innerHTML += myobj1.tellHeight()+"

";

}

注意�Q�一定要�?/span> if 语句中，不要加方法后面的那对 () �Q�否则，直接��?/span> down 掉了。有兴趣的读者可以打��C��下，看看分别讉K�� myobj1.tellHeight �?/span> myobj1.tellHeight() 时有什么区别�?/span>

也许�Q�你觉得�q�个是小意思。加个判断嘛�Q�不��好了？

对，但是下面一个问题更令�h头痛�?/span>

属性和�Ҏ��在不在的问题��单，可是属性和�Ҏ��变不变化的问题可��׃��重了。在不在我们可以��，变不变呢�Q�比如，��L��下面的代码：

function MyObject(name, size)

{

this.name = name;

this.size = size;

}

MyObject.prototype.color = "red";

MyObject.prototype.tellColor = function()

{

return "color of "+this.name+" is "+this.color;

}

var myobj1 = new MyObject("tiddles", "7.5 meters");

domDiv.innerHTML += myobj1.tellColor()+"

";

MyObject.prototype.color = "green";

domDiv.innerHTML += myobj1.tellColor()+"

";

该代码将产生如下�l�果�Q?/span>

color of tiddles is red
color of tiddles is green

��h��意，你修改的是类 MyObject �?/span> color 属性。但是你惊奇的看��C��之前实例化的对象 myobj1 的属性值竟然也变化了。天�Q�如果你的项目代码是多�h合作�Q�那么，也许某个��Z��在编�E�时��Z��图一�׃��便，擅自修改你的�c�R��于是，所有�h的对象都变化了。于是，你们陷入了�O长的 debug �q�程中。。。。。。（不要说我没有告诉你啊�Q?/span>

上面是属性，�q�有�Ҏ��Q?/span>

function MyObject(name, size)

{

this.name = name;

this.size = size;

}

MyObject.prototype.color = "red";

MyObject.prototype.tellColor = function()

{

return "color of "+this.name+" is "+this.color;

}

var myobj1 = new MyObject("tiddles", "7.5 meters");

domDiv.innerHTML += myobj1.tellColor()+"

";

MyObject.prototype.color = "green";

MyObject.prototype.tellColor = function()

{

return "your color of "+this.name+" is "+this.color;

}

domDiv.innerHTML += myobj1.tellColor()+"

";

�q�段代码的结果是�Q?/span>

color of tiddles is red
your color of tiddles is green

哈？原来�Ҏ��也能变，汗！

问题来了�?/span> Javascript 太灵�zȝ��~�程方式多少让�h不适应。如果整�?/span> Team 的水�q�都比较高还可以�Q�没��Z��犯这��L��错误。但是，当有个毛头小伙子不知情，擅自修改�c�，��导致所有的人的对象都发生变化，无论是属性还是方法。在 Javascript 代码变得��来��多�?/span> Ajax 时代�Q�这是一个严重的问题�?/span>

crazy 2007-12-22 02:56 发表评论

拉动操作

crazy — Fri, 21 Dec 2007 12:54:00 GMT

Click here to show.

crazy 2007-12-21 20:54 发表评论

event.x,event.clientX,event.offsetX

crazy — Fri, 21 Dec 2007 11:04:00 GMT

x:讄��或者是得到鼠标相对于目标事件的父元素的外边界在x坐标上的位置�?
clientX:相对于客户区域的x坐标位置�Q�不包括滚动条，��是正文区域�?
offsetx�Q�设�|�或者是得到鼠标相对于目标事件的父元素的内边界在x坐标上的位置�?
screenX:相对于用户屏�q��?br />

Click here to show.

crazy 2007-12-21 19:04 发表评论

crazy — Fri, 21 Dec 2007 04:31:00 GMT

function   getAbsPoint(e)
{
    var   x   =   e.offsetLeft,   y   =   e.offsetTop;
    while(e=e.offsetParent)
    {
       x   +=   e.offsetLeft;
       y   +=   e.offsetTop;
    }
    alert("x:"+x+","+"y:"+y);
}

�Ҏ��2�Q?/p>

function   getAbsPoint(obj)
{
   var   x,y;
   oRect   =   obj.getBoundingClientRect();
x=oRect.left
y=oRect.top
alert("("+x+","+y+")")
}

JS中获得窗口属性的�Ҏ��

1。获得屏�q�的分��L率：
screen.width
screen.height

2。获得窗口大��：
document.body.clientWidth
document.body.clientHeight

3。获得窗口大��（包含Border、Scroll�{�元素）
document.body.offsetWidth
document.body.offsetHeight

crazy 2007-12-21 12:31 发表评论

javascript的eval �?replace用法

crazy — Mon, 10 Sep 2007 10:36:00 GMT

1 function highlightDiamondIcon(objtemp)
2 {
3    var obj = objtemp + '_arrw';
4    alert(eval(obj).src);
5    eval(obj).src = eval(obj).src.replace('_on','_off');
6    alert(eval(obj).src);
7 }
8
9 IMG id=wire_prof_img
10     onmouseover="this.src=this.src.replace('_off','_on');"
11     onmouseout="this.src=this.src.replace('_on','_off');" onclick="highlightDiamondIcon('wire_prof_img');"

crazy 2007-09-10 18:36 发表评论