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

前端技术 2023/09/03 PHP

1、jquery 获取单选组radio
$(\"input[name=\'name\']:checked\").val();

2、jquery获取radiobutton的下一个值
$(\"input[name=\'name\']:checked\").next().text()
$(\"input[name=\'name\']:checked\").val()

3、jquery 获取input的值
$(\'#id\').val()

4、jquery判断多选框checkbox
$(\"#id:checkbox\").attr(\"checked\")
取值 $(\"#id\").attr(\"value\");
赋值则是在text()、val()里面直接给值

JQUERY如何获取text,areatext,radio,checkbox,select值?
$(\"input\").val();
$(\"textarea\").text();
$(\"select\").val();

控制表单元素:
文本框,文本区域:$(\"#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的项目为当前选中项
$(\"<option value=\'1\'>1111</option><option value=\'2\'>2222</option>\").appendTo(\"#sel\")//添加下拉框的option
$(\"#sel\").empty();//清空下拉框

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

获取Select :
获取select 选中的 text :
$(\"#ddlRegType\").find(\"option:selected\").text();

获取select选中的 value:
$(\"#ddlRegType \").val();

获取select选中的索引:
$(\"#ddlRegType \").get(0).selectedIndex;

设置select:
设置select 选中的索引:
$(\"#ddlRegType \").get(0).selectedIndex=index;//index为索引值

设置select 选中的value:
$(\"#ddlRegType \").attr(\"value\",\"Normal“);
$(\"#ddlRegType \").val(\"Normal\");
$(\"#ddlRegType \").get(0).value = value;

设置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=\'jQuery\']\").attr(\"selected\", true);

设置select option项:
$(\"#select_id\").append(\"<option value=\'Value\'>Text</option>\"); //添加一项option
$(\"#select_id\").prepend(\"<option value=\'0\'>请选择</option>\"); //在前面插入一项option
$(\"#select_id option:last\").remove(); //删除索引值最大的Option
$(\"#select_id option[index=\'0\']\").remove();//删除索引值为0的Option
$(\"#select_id option[value=\'3\']\").remove(); //删除值为3的Option
$(\"#select_id option[text=\'4\']\").remove(); //删除TEXT值为4的Option

清空 Select:
$(\"#ddlRegType \").empty();

本文地址:https://www.stayed.cn/item/7270

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见,何事秋风悲画扇。