基于jQuery的获得各种控件Value的方法

标签:业务范围    日期:2018-02-03 09:35    录入:美娱国际平台注册    浏览:

  

[控件Value]基于jQuery的获得各种控件Value的方法

  HTML代码  
代码如下:
  
  
1  
2  
3  
4  
  
  
通过Type获得RadioButtonList的Value  
  

  
  
A
  
B
  
C
  
D
  
  
  
通过Name获得Radio的Value  
  

  

  
  
A
  
B
  
C
  
D
  
  
  
通过Name获得CheckBox的Value 全选 反选  
  

  

  
  
  
  
  
获得Multiple的Value 添加 移除  
  

  

  
  
  
  
  
获得Select的Value 添加 移除  
  
  
jQuery代码  
代码如下:
  
  
$(document).ready(function () {  
//获得RadioButtonList的Value  
$("#btnGetRadioButtonListValue").click(function () {  
if ($("input[type=radio]:checked").val() == null) {  
alert("请选择");  
return false;  
}  
alert($("input[type=radio]:checked").val());  
});  
//获得Html的Radio的Value  
$("#btnGetRadioValue").click(function () {  
if ($("input[name='radioSelect']:checked").val() == null) {  
alert("请选择");  
return 美娱国际 false;  
}  
alert($("input[name='radioSelect']:checked").val());  
});  
//获得CheckBox的Value  
$("#btnGetCheckBoxValue").click(function () {  
var values = "";  
$("input[name='chkSelect']").each(function () {  
if ($(this).attr("checked")) {  
values += $(this).val() + ",";  
}  
});  
if (values == "") {  
alert("请选择");  
return false;  
}  
values = values.substring(0, values.length - 1); //去掉尾部,  
alert(values);  
});  
//全选  
$("#btnSelectAllOn").click(function () {  
$("input[name='chkSelect']").each(function () {  
$(this).attr("checked", true);  
});  
});  
//返选  
$("#btnSelectAllOff").click(function () {  
$("input[name='chkSelect']").each(function () {  
$(this).attr("checked", false);  
});  
});  
//获得Multiple的值  
$("#btnGetMultipleValue").click(function () {  
var values = "";  
$("#multiple1 option:selected").each(function () {  
values += $(this).val() + ",";  
})  
values = values.substring(0, values.length - 1); //去掉尾部,  
alert(values);  
});  
//添加Multiple的Option  
$("#btnAddMultipleOption").click(function () {  
$("#multiple1").append("");  
});  
//移除Multiple所选Option  
$("#btnRemoveMultipleOption").click(function () {  
$("#multiple1 option").remove("option:selected");  
});  
//获得Select的值  
$("#btnGetSelectValue").click(function () {  
alert($("#select1 option:selected").val());  
});  
//添加Select的Option  
$("#btnAddSelectOption").click(function () {  
$("#select1").append("");  
});  
//移除Select所选Option  
$("#btnRemoveSelectOption").click(function () {  
$("#select1 option").remove("option:selected");  
});  
});  
  

★★★小编:美娱国际 整理文章,欢迎大家转载 ★★★
相关文章阅读
点击右上角的分享按钮即可收藏美娱国际平台注册 随时随地与好友一起分享精彩内容噢
最近更新
热门排行