jQuery中的RadioButton,input,CheckBox取值赋值实现代码

PHP中文网
Libérer: 2023-02-28 18:18:01
original
1706 Les gens l'ont consulté

1、jquery 获取单选组radio

$("input[name='name']:checked").val();
Copier après la connexion

2、jquery获取radiobutton的下一个值

$("input[name='name']:checked").next().text()$("input[name='name']:checked").val()
Copier après la connexion

3、jquery 获取input的值

$('#id').val()
Copier après la connexion

4、jquery判断多选框checkbox

$("#id:checkbox").attr("checked")
取值 $("#id").attr("value");
Copier après la connexion

赋值则是在text()、val()里面直接给值

JQUERY如何获取text,areatext,radio,checkbox,select值?

$("input").val();
$("textarea").text();
$("select").val();
Copier après la connexion

控制表单元素:
文本框,文本区域:$("#txt").attr("value",'');//清空内容
$("#txt").attr("value",'11');//填充内容
多选框checkbox: $("#chk1").attr("checked",'');//不打勾
$("#chk2").attr("checked",true);//打勾
if($("#chk1").attr('checked')==undefined) //判断是否已经打勾

单选组radio: $("input[@type=radio]").attr("checked",'2');//设置value=2的项目为当前选中项

下拉框select: $("#sel").attr("value",'-sel3');//设置value=-sel3的项目为当前选中项
$("

jQuery 获取和设置select下拉框的值文章分类:.net编程

获取Select :
获取select 选中的 text :

$("#ddlRegType").find("option:selected").text();
Copier après la connexion

获取select选中的 value:

$("#ddlRegType ").val();
Copier après la connexion

获取select选中的索引:

$("#ddlRegType ").get(0).selectedIndex;
Copier après la connexion

设置select:
设置select 选中的索引:

$("#ddlRegType ").get(0).selectedIndex=index;//index为索引值
Copier après la connexion

设置select 选中的value:

$("#ddlRegType ").attr("value","Normal“);
$("#ddlRegType ").val("Normal");
$("#ddlRegType ").get(0).value = value;
Copier après la connexion

设置select 选中的text:

var count=$("#ddlRegType option").length;
for(var i=0;i<count;i++) 
{ if($("#ddlRegType ").get(0).options[i].text == text) 
{ 
$("#ddlRegType ").get(0).options[i].selected = true; 
break; 
} 
}
$("#select_id option[text=&#39;jQuery&#39;]").attr("selected", true);
Copier après la connexion

设置select option项:

$("#select_id").append("
Copier après la connexion

清空 Select:

$("#ddlRegType ").empty();
Copier après la connexion
Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal