jquery如何根据多选框name来获得选中的值。_框架

根据多选框name来获得选中的值可用如下 jquery代码实现

$("input:checkbox[name='test']:checked")each(function() { // 遍历name=test的多选框

$(this)val(); // 每一个被选中项的值

});

实例演示：给出两组多选框，点击按钮后分别获得两组中被选择的项目

示例代码如下

创建Html元素

<span>请输入用户名，限定字母、数字或下划线的组合：</span><br>

<input type="checkbox" name="fruit" value="梨子"/>梨子

<input type="checkbox" name="fruit" value="李子"/>李子

<input type="checkbox" name="fruit" value="栗子"/>栗子

<input type="checkbox" name="vegetable" value="青菜"/>青菜

<input type="checkbox" name="vegetable" value="萝卜"/>萝卜

<input type="checkbox" name="vegetable" value="土豆"/>土豆

<input type="checkbox" name="vegetable" value="茄子"/>茄子

</div>

</div>

设置css样式

divbox{width:300px;padding:20px;margin:20px;border:4px dashed #ccc;}

divbox span{color:#999;font-style:italic;}

divcontent{width:250px;margin:10px 0;padding:20px;border:2px solid #ff6666;}

input[type='checkbox']{margin:5px;}

input[type='button']{height:30px;margin:10px;padding:5px 10px;}

编写jquery代码

$(function(){

// 设置属性值

$("input:button")click(function() {

var fruit = "";

var vegetable = "";

$("input:checkbox[name='fruit']:checked")each(function() {

fruit += $(this)val() + " ";

});

$("input:checkbox[name='vegetable']:checked")each(function() {

vegetable += $(this)val() + " ";

});

alert("已选择水果："+fruit+"，已选择蔬菜："+vegetable);

});

})

观察效果

通过函数参数this，将自身传递给函数。从而获取对象的name与id属性。具体代码如下：

function temp(get_obj)

{

alert(get_objname);

alert(get_objid);

}

</script>

<body>

</body>

测试可用。

亲爱的。

$fnattr是获取某属性的方法。

而input原生属性有一个value，你应该获取这个value 才是这个name='b'的input的值。

用jQuery：$('inputxt')val();

如下代码可以实现点击页面获得被点击元素的id

$(document)click(function(e) { // 在页面任意位置点击而触发此事件

$(etarget)attr("id"); // etarget表示被点击的目标

})

示例代码如下

创建Html元素

<span>点击页面后，设置被点击元素背景色并获取其id：</span><br>

<div class="content" id = "test">test

<div id = "test1">test1

<div id = "test2">test2

</div>

设置css样式

divbox{width:300px;padding:20px;margin:20px;border:4px dashed #ccc;}

divbox span{color:#999;font-style:italic;}

divcontent{width:250px;margin:10px 0;padding:20px;border:2px solid #ff6666;}

divcontent div{min-width:20px;min-height:20px;padding:30px;border:1px solid #446699;background:#ffffff;}

bg{background:#ff99cc !important;}

编写jquery代码

$(function(){

$(document)click(function (e) {

$(etarget)addClass('bg'); // 设置背景色

alert($(etarget)attr('id')); // 获取id

})

观察效果

初始状态

点击id为test2的div

Button有name属性吗？不过是获得ID或者是Text什么的都好吧

用 FindControl函数

第一步：

先引用

using SystemWebUIWebControls;

using SystemWebUIWebControlsWebParts;

第二步：

声明一个Button 变量

Button btn;

第三步：

获取你的 Button 赋值给btn

string str;

for(int i=0;i<=你的数量;i++)

{

btn = FindControl("button"+ iToString()) as Button;

//这里就可以把每一个BUTTON先给btn了

//然后可以干你想干的事情

str = btnText;

//搞定

}

在click事件中，都有两个参数，其中（object sender,EventArgs e）中的sender就是当前触发的按钮，可以通过（sender as Button）Name获得name，text获得文本，此时的对象就是一个Button可以取得相关的全部属性值，你可以试一下，net的全面知识，可以关注下最课程net，有助于全面了解。

以上就是关于jquery如何根据多选框name来获得选中的值。全部的内容，包括:jquery如何根据多选框name来获得选中的值。、JavaScript ：怎么获得页面元素的id和name值、jquery 中attr获取name中的值，怎么获取name文本框中的值等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！

欢迎分享，转载请注明来源：内存溢出

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

jquery如何根据多选框name来获得选中的值。

发表评论

评论列表（0条）