jQuery中如何實現RadioButton,input,CheckBox取值賦值

這篇文章主要為大家展示了“jQuery中如何實現RadioButton,input,CheckBox取值賦值”，內容簡而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領大家一起研究并學習一下“jQuery中如何實現RadioButton,input,CheckBox取值賦值”這篇文章吧。

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();

以上是“jQuery中如何實現RadioButton,input,CheckBox取值賦值”這篇文章的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注億速云行業資訊頻道！