prototype$()系列函数的简单使用示例:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- 首先导入prototype的js文件，在你指定的目录下js-->
<script language="javascript" type="text/javascript" src="js/prototype.js"></script>
<!-- 自定义的js代码-->
<script language="javascript" type="text/javascript">
function showP(){
var paras = $A(document.getElementsByTagName('p'));
paras.each(Element.hide);//隐藏p标签内的所有元素，这句必须用，否则show方法不会执行
$(paras.last()).show();
<!--这是与上面方法等价的prototype形式写法,一般用到invoke方法设置属性参数-->
$A(document.getElementsByTagName('p')).map(Element.extend).invoke('hide');
}
<!--这里是获得两个相同name属性的方法，以性别选择为例-->
function testsex()
{
var sex = document.getElementsByName('sex');
var nodes = $A(sex); <!--这里的$A()必须使用，保证select()方法被扩展 -->
var sexNodes = nodes.select(function(node)
{
return node.checked;
});
sexNodes.each(function(node)
{
alert(node.value);
});
}
</script>
</head>
<body>
<form>
<p>Username:<input type="text" name="user" value="Lily">
<br />分别显示$和$F:
<input type="button" value="$Test" onClick="alert($('user'))">
<input type="button" value=" $FTest " onClick="alert($F('user'))">
</p>
<p>
这里的两个pass分别用name和id表示，但用$F去获得时，只取得前面那个pass的值，而不去管它是name属性还是id属性 <br />
但如果有两个相同的name或id时，也只能获得第一个参数的值，另一个则返回null值<br>
name=pass:<input type="text" name="pass" value="hello"/>
id=pass:<input type="text" id="pass" value="heihei"/>
<br /> 用$F获得pass取得第一个pass对应的值
<input type="button" value="$FTest" onclick="alert($F('pass'))"/></p>
<br />
<input type="radio" name="sex" value="male" checked="checked"/>男
<input type="radio" name="sex" value="female"/>女
<input type="button" value="$ATest" onclick="testsex()"/>点击显示单选按钮value值
<br />
<input type="button" value="$ATest" onclick="showP()"/>点击执行标签隐藏的问题<br>
<input type="button" value="$ATest" onclick="alert($A('radio'))"/>将radio当作了一个字符数组，逐个输出字母
<p>
</form>
</body>
</html>
分享到：
相关推荐
如文档描述所示，一组radio的name属性值必须相同，这样浏览器才会知道它们属于同一组。不同的name值会让浏览器认为它们是不同的组，这样可以同时选中。例如： ```html <span>group1: <input type="radio" id="radio...
- `.prop("checked")`: 获取所选元素的`checked`属性值。如果是`true`则表示该`radio`被选中，否则未选中。 这种方法的优点在于直接、简洁，并且兼容性好。缺点是如果页面中有多个同名的`radio`按钮，那么只能单独...
- 同样，获取select元素本身也可以得到选中的值，尽管通常需要指定具体的option来获取其值：`$("select").val();` #### 5. jQuery选择器的效率 jQuery选择器的性能对实际应用中的脚本效率有很大影响。在多个元素中...
- **函数参数：**`obj`是一个字符串变量，代表了需要检测的`<input type="radio">`控件的`name`属性值。 - **实现逻辑：** - 获取所有`name`属性值为`obj`的`<input type="radio">`控件，存储在数组`myObj`中。 - ...
这样可以确保即使页面上有多个具有相同name属性值的radio按钮，我们也能正确地获取到用户实际选中的那个按钮的值。 以上就是六种在JQuery中根据属性或属性值获取元素的方法。掌握这些方法可以使你在使用JQuery进行...
首先，HTML中的Radio控件要实现单选功能，需要为每个单选按钮赋予相同的name属性值。例如： ```html <input type="radio" name="sex" value="1"/>男 <input type="radio" name="sex" value="0"/>女 ``` 在上述代码...
这行代码会返回当前选中的 `<option>` 元素的 `value` 属性值。 ##### 2. 获取 Select 选中的 Text 值 如果想要获取选中项的文本内容（即 `<option>` 标签内的文本），可以这样操作： ```javascript $("select")....
在某些情况下，选项可能需要动态生成，比如从数据库查询得到。这可以通过在Action类中准备一个List，并在JSP页面中使用`iterator`标签遍历来实现。 ### 4. 验证和事件处理 Struts2支持基于注解的验证，可以在Action...
5. 获得特定选中Radio的值 要获取特定选中的Radio的值，可以使用.val()方法。 示例代码： ```javascript var dialCheckResult = $("input:radio[name='dialCheckResult']:checked").val(); ``` 这段代码将会获取名为...
需要注意的是，attr()方法在获取某些动态值的时候，可能不会得到最新的结果，因为jQuery的attr()方法是获取元素在HTML代码中设置好的初始属性值。在本例中，$("#cifNo").attr("value")获取到的是cifNo元素HTML代码中...
此方法返回被选元素的属性值。需要注意的是，在大多数情况下，`.val()`方法更适用于获取输入元素的值。 ### 二、获取单选按钮(radio)的值 1. **获取选定的单选按钮的值**： ```javascript var item = $("input...
总结起来，当需要在JavaScript中单独获取JSP表单中radio类型的值时，可以通过遍历具有相同`name`属性的单选按钮集合，查找`checked`属性为`true`的元素，从而得到选中的值。这种方法灵活且适用于不依赖特定库（如...
如果循环中有多个这样的div，由于name属性值都一样，服务器端脚本在处理时只能获得最后一个提交的数据。为了解决这个问题，我们需要将name属性的值修改为数组，如下所示： ```html []" value="{$one['express_price...
这个属性与`checked`类似，但在页面初始化时起作用，即在DOM加载完成后，元素的状态会根据`defaultChecked`的值来设定。因此，要确保`radio`或`checkbox`在IE中初始状态下被选中，可以使用以下代码： ```javascript...
需要跟踪此语句以获得未知的return属性：如果基础元素集合包含单选按钮，则RadioNodeList.value属性表示选中的单选按钮。 在检索value属性时，当前选中的单选按钮的值以字符串形式返回。 如果该集合不包含任何单选...
3. **更新原始数据**：遍历`tableContent`数组，找到与选中radio对应的项，更新其状态，例如设置`indexOrder`属性为radio的value值。 4. **更新缓存数据**：接着，获取table组件的缓存数据`table.cache....
每个单选框必须具有相同的`name`属性值，这样它们才会被看作是一个组内的选项。当用户选择其中一个选项时，其他具有相同`name`属性的选项会被自动取消选中状态。单选框的值可以通过`value`属性指定，通常用来存储将...
以下是一些关于如何使用jQuery获取和设置`select`、`option`、`radio`、`checkbox`以及文本输入（`input[type=text]`）等元素的值的关键知识点： 1. **获取选中的`select`值**： ```javascript var item = $(...
单选按钮通常会具有相同的`name`属性值，这样浏览器才能知道这些按钮属于同一组，确保用户只能选择其中的一个。例如： ```html <input type="radio" name="returnTag" value="-1" checked>申报部门 ...