??xml version="1.0" encoding="utf-8" standalone="yes"?>91精品国产一区二区,亚洲欧美日本在线,精品一区二区三区不卡 http://www.aygfsteel.com/ljc-java/category/47795.html模仿中成长,在创C成功Q?/description>zh-cnSun, 14 Jul 2013 05:17:05 GMTSun, 14 Jul 2013 05:17:05 GMT60jQuery操作radiohttp://www.aygfsteel.com/ljc-java/articles/401141.htmlTue, 02 Jul 2013 09:44:00 GMThttp://www.aygfsteel.com/ljc-java/articles/401141.htmlhttp://www.aygfsteel.com/ljc-java/comments/401141.htmlhttp://www.aygfsteel.com/ljc-java/articles/401141.html#Feedback0http://www.aygfsteel.com/ljc-java/comments/commentRss/401141.htmlhttp://www.aygfsteel.com/ljc-java/services/trackbacks/401141.html<input type="radio">如下Q?br />

<input type="radio" name="city" value="BeiJing">北京
<input type="radio" name="city" value="TianJin">天|
<input type="radio" name="city" value="NanJing">南京
<input type="radio" name="city" value="YangZhou">扬州
<input type="radio" name="city" value="SuZhou">苏州

    1、获取选中的radio的|(x)

$("input[name='city']:checked").val();

  使用元素选择器,再用属性过滤器name='city'Q最后?checked选取被选中的元素?/span>

  2、给指定值的radio讄选中状态:(x)

$("input[name='city'][value='YangZhou']").attr("checked",true);

  lname="city"而且value="YangZhou"的radio讄选中状态?/span>

  3、取消name="city"的radio的选中状态:(x)

$('input[name="city"]:checked').attr("checked",false);

  4、获取name="city"的radio的个敎ͼ(x)

$("input[name='city']").length;

  5、获取name="city"而且索引是偶数的radio:

$("input[name='city']:even");

  索引是从0开始的?/span>

  6、获取name="city"而且索引是奇数的radio:

$("input[name='city']:odd");

  索引是从0开始的?/span>

  7、P代radio:


$("input[name='city']").each(function(i,obj){
    //i,q代的下标,?开?br />    //obj,当前的对?HTMLInputElement),可以使用obj.value格式获取属性?br />    //$(this);当前jQuery对象,可以使用$(this).val()获取属性?br />});

  q代name="city"的radio?/span>

  8、禁用radio:

$("input[name='city']").attr("disabled",true);

  用name="city"的radio?/span>

  9、启用radio:

$("input[name='city']").attr("disabled",false);

  启用name="city"的radio?/span>



2013-07-02 17:44 发表评论
]]>
jquery-autocompletehttp://www.aygfsteel.com/ljc-java/articles/363160.htmlTue, 08 Nov 2011 03:41:00 GMThttp://www.aygfsteel.com/ljc-java/articles/363160.htmlhttp://www.aygfsteel.com/ljc-java/comments/363160.htmlhttp://www.aygfsteel.com/ljc-java/articles/363160.html#Feedback0http://www.aygfsteel.com/ljc-java/comments/commentRss/363160.htmlhttp://www.aygfsteel.com/ljc-java/services/trackbacks/363160.html

jquery-autocomplete学习(fn)

一、用前必?/p>

官方|站Q?a rel="nofollow">http://bassistance.de/jquery-plugins/jquery-plugin-autocomplete/

当前版本Q?.0.2

需要JQuery版本Q?.2.6

二、?/p>

<script src="./jquery-1.3.2.js" type="text/javascript"></script>

<script src="./jquery.autocomplete.js" type="text/javascript"></script>

<link rel="stylesheet" href="./jquery.autocomplete.css" />

autocomplete( url or data, options ) Returns: jQuery

让一个input或textarea有autocomplete功能

例子

Js代码

var data = "Core Selectors Attributes Traversing Manipulation CSS Events Effects Ajax Utilities".split(" ");  

$("#example").autocomplete(data);

以上的例子就是ؓ(f)id为exampledautocomplete

var emails = [

    { name: "Peter Pan", to: "

    { name: "Molly", to: "

    { name: "Forneria Marconi", to: "

    { name: "Master <em>Sync</em>", to: "

    { name: "Dr. <strong>Tech</strong> de Log", to: "

    { name: "Don Corleone", to: "

    { name: "Mc Chick", to: "

    { name: "Donnie Darko", to: "

    { name: "Quake The Net", to: "

    { name: "Dr. Write", to: "

];

//emails的数l格式如上,formatItem代表的是昄的格式,formatMatch表示匚w的内容,formatResult表示l果的内?/p>

$("#suggest13").autocomplete(emails, {

    minChars: 0,

    width: 310,

    matchContains: true,

    autoFill: false,

    formatItem: function(row, i, max) {

        return i + "/" + max + ": \"" + row.name + "\" [" + row.to + "]";

    },

    formatMatch: function(row, i, max) {

        return row.name + " " + row.to;

    },

    formatResult: function(row) {

        return row.to;

    }

});

三、参数说明:(x)

* minChars (Number):

    在触发autoComplete前用戯需要输入的字符?Default: 1Q如果设?Q在输入框内双击或者删除输入框内内Ҏ(gu)昄列表

* width (Number):

    指定下拉框的宽度. Default: input元素的宽?/p>

* max (Number):

    autoComplete下拉昄目的个?Default: 10

* delay (Number):

    击键后激zautoComplete的gq时?单位毫秒).Default: q程?00 本地10

* autoFill (Boolean):

    要不要在用户选择时自动将用户当前鼠标所在的值填入到input? Default: false

* mustMatch (Booolean):

    如果讄为true,autoComplete只会(x)允许匚w的结果出现在输入?所有当用户输入的是非法字符时将?x)得不到下拉?Default: false

* matchContains (Boolean):

    军_比较时是否要在字W串内部查看匚w,如ba是否与foo bar中的ba匚w.使用~存时比较重?不要和autofillL(fng).Default: false

* selectFirst (Boolean):

    如果讄成true,在用户键入tab或return键时autoComplete下拉列表的第一个值将被自动选择,管它没被手工选中(用键盘或鼠标).当然如果用户选中某个目,那么q用户选中的? Default: true

* cacheLength (Number):

    ~存的长?卛_从数据库中取到的l果集要~存多少条记?设成1Z~存.Default: 10

* matchSubset (Boolean):

    autoComplete可不可以使用Ҏ(gu)务器查询的缓?如果~存对foo的查询结?那么如果用户输入foo׃需要再q行(g)索了,直接使用~存.通常是打开q个选项以减L务器的负担以提高性能.只会(x)在缓存长度大?时有?Default: true

* matchCase (Boolean):

    比较是否开启大写敏感开?使用~存时比较重?如果你理解上一个选项,q个也就不难理解,好比foot要不要到FOO的缓存中L.Default: false

* multiple (Boolean):

    是否允许输入多个值即多次使用autoComplete以输入多个? Default: false

* multipleSeparator (String):

    如果是多选时,用来分开各个选择的字W? Default: ","

* scroll (Boolean):

    当结果集大于默认高度时是否用卷轴显C?Default: true

* scrollHeight (Number):

    自动完成提示的卷轴高度用像素大小表示 Default: 180  

* formatItem (Function):

    为每个要昄的项目用高U标{?卛_l果中的每一行都?x)调用这个函?q回值将用LI元素包含昄在下拉列表中. Autocompleter?x)提供三个参?row, i, max): q回的结果数l? 当前处理的行?即第几个目,是从1开始的自然?, 当前l果数组元素的个数即目的个? Default: none, 表示不指定自定义的处理函?q样下拉列表中的每一行只包含一个?

* formatResult (Function):

    和formatItemcM,但可以将要输入到input文本框内的D行格式化.同样有三个参?和formatItem一?Default: none,表示要么是只有数?要么是用formatItem提供的?

* formatMatch (Function):

    Ҏ(gu)一行数据用此函数格式化需要查询的数据格式. q回值是l内部搜索算法用的. 参数值row

* extraParams (Object):

    为后?一般是服务端的脚本)提供更多的参?和通常的作法一h使用一个键值对对象.如果传过ȝ值是{ bar:4 },会(x)被autocompleter解析成my_autocomplete_backend.php?q=foo&bar=4 (假设当前用户输入了foo). Default: {}

* result (handler) Returns: jQuery

    此事件会(x)在用户选中某一后触发Q参Cؓ(f)Q?/p>

    event: 事g对象. event.type为result.

    data: 选中的数据行.

    formatted:formatResult函数q回的?/p>

    例如Q?/p>

    $("#singleBirdRemote").result(function(event, data, formatted) {

//如选择后给其他控g赋|触发别的事g{等

});

四、注意问题:(x)

1.|上有h说对中文的检索时处理有问题,l过试此版本没有问题^-^

2.在用远E地址Ӟ它默认传入的参数是:(x)qQ输入|(j)QlimitQ返回结果的最大|(j)Q可以用extraParams传入其他的参?/p>

3.autocomplete在用ajax传递参数时Q默认用了get方式传递,也实在是没有扑ֈ可以通过参数提交post方式的办法?/p>

解决方式1Q在使用ajax的get方式传递中文时Q用new String(request.getParameter("q").getBytes("iso8859-1"),"utf-8")获得参数?/p>

解决方式2Q修改jquery.autocomplete.js代码Q把get方式修改为post方式Q然后参见之前ajax解决中文q的问题的

 

转蝲Q?a rel="nofollow">http://blog.sina.com.cn/s/blog_608475eb0100g6qc.html



2011-11-08 11:41 发表评论
]]>
javascript: 认删除对话框的实现http://www.aygfsteel.com/ljc-java/articles/346607.htmlSat, 19 Mar 2011 11:57:00 GMThttp://www.aygfsteel.com/ljc-java/articles/346607.htmlhttp://www.aygfsteel.com/ljc-java/comments/346607.htmlhttp://www.aygfsteel.com/ljc-java/articles/346607.html#Feedback0http://www.aygfsteel.com/ljc-java/comments/commentRss/346607.htmlhttp://www.aygfsteel.com/ljc-java/services/trackbacks/346607.html认删除对话框的实现
<script language="JavaScript">
function delete_confirm(e) 
{
if (event.srcElement.outerText=="删除")
event.returnValue=confirm("(zhn)确认执行删除操作么Q?);
}
document.onclick=delete_confirm;
</script> 

可以实现寚w接删除的认Q即"删除"两字链接
<script language="JavaScript">
function delete_confirm(e) {
if (event.srcElement.value=="删除")
event.returnValue=confirm("(zhn)确认执行删除操作么Q?);
}

document.onclick=delete_confirm;
</script> 

可以实现Ҏ(gu)钮删除的认?br style="line-height: normal; " /> <script language="JavaScript">
function delete_confirm(e)
{
if (event.srcElement.value=="删除" )
event.returnValue=confirm("(zhn)确认执行删除操作么Q?);
elseif (event.srcElement.outerText=="删除")
event.returnValue=confirm("(zhn)确认执行删除操作么Q?);
}document.onclick=delete_confirm;
</script>

实现寚w接或按钮删除的确?br style="line-height: normal; " /> <script language="JavaScript">
function delete_confirm(e)
{
if(event.srcElement.outerText=="删除" || event.srcElement.value=="删除")event.returnValue=confirm("删除后将不能恢复Q?zhn)认执行删除操作么?);
}
document.onclick=delete_confirm;
</SCRIPT> 

实现更简单!删除时确?br style="line-height: normal; " /> <a href="javascript:if(confirm("实要删除吗?"))location="boos.asp?&areyou=删除&page=1"">删除</a>

或?

<script language="JavaScript"> 
function cform(){ 
if(!confirm("是否要删除?")) 
return false; 

</script> 

<a href="" onclick="return cform();">删除</a>



2011-03-19 19:57 发表评论
]]>
վ֩ģ壺 | ϻ| ɳ| ɽ| | | Ӽ| Ϫ| | | | Ž| | | | | Ϳ| | ͨ| ¡| Ӱ| Ϫ| | | | ˮ| | | ǭ| | | | | | Ϫ| | ɽ| Զ| ˳| | ˳|