----------
To get the value of the selected radioName item of a form called 'myForm':
$('input[name=radioName]:checked', '#myForm').val()
set value onload:
And you wanted to check the one with a value of "Male" onload if no radio is checked:
$(function() {
var $radios = $('input:radio[name=gender]');
if($radios.is(':checked') === false) {
$radios.filter('[value=Male]').attr('checked', true);
}
});
----------
網路上如果搜尋 jquery radio / checkbox 取值,似乎找到的方法都不能用。以下是我試過失敗的寫法:
if($("#chk1").attr('checked')==undefined); <== X 不成功 checkbox 取值失敗
var item = $('input[@name=items][@checked]').val(); <== X 不成功 radio取值失敗,這樣會取出第一筆,無論筆是否有被選
$("input[@type=radio][@checked]").val(); <==也是失敗
[checkbox 賦值]
$("#chk1").attr("checked",''); //設定不打勾
$("#chk2").attr("checked",true); //設定打勾
使用 smarty 塞值,其中{{ $a.is_promote }} 的值是0或是1 ,你也可以直接用php塞值。
$("#is_promote").attr("checked",{{ $a.is_promote }}); //checkbox 賦值
[checkbox 取值]
var v=$("input[name='fetion']").is(":checked"));
v=true有被打勾,否則為 false
或是
var v= (typeof($("input[name=_dis]:checked").val()) == "undefined" )? "0":"1";
直接用三元運算子得到 v值為0或1。
[radio 賦值]
$('input[name="sex"]')[1].checked = true; //radio 賦值==>第二個選項選取
$("input[name=state][value='2']").attr('checked',true); //radio 賦值==>值為2的那個選取
順便一提的,如果一個頁面有很多<input name="xxx" .... > 的欄位,如果每個設定 id 再賦值顯然太累了,不如一行解決。
$("input[name=xxx]").val( 值 );
[radio 取值]
以下範例示範當使用者按下 submit ( id=sb1 ) 時的檢查動作,其中 radio 的 name=doway
$("#sb1").click(function(){
var method =$("input[name='doway']:checked").val(); //radio 取值,注意寫法
if( typeof(method) == "undefined"){ // 注意檢查完全沒有選取的寫法,這行是精華
alert( "請選取操作方式!");
return false;
}
----------
//獲取一組radio被選中項的值
var item = $('input[@name=items][@checked]').val();
//獲取select被選中項的文本
var item = $("select[@name=items] option[@selected]").text();
//select下拉框的第二個元素為當前選中值
$('#select_id')[0].selectedIndex = 1;
//radio單選組的第二個元素為當前選中值
$('input[@name=items]').get(1).checked = true;
獲取值:
//文本框,文本區域:
$("#txt").attr("value");
//多選框checkbox:
$("#checkbox_id").attr("value");
//單選組radio:
$("input[@type=radio][@checked]").val();
//下拉框select:
$('#sel').val();
控制表單元素:
文本框,文本區域:
$("#txt").attr("value",''); //清空內容
$("#txt").attr("value",'11');//填充內容
多選框checkbox:
$("#chk1").attr("checked",'');//不打勾
$("#chk2").attr("checked",true);//打勾
if($("#chk1").attr('checked')==true) //判斷是否已經打勾
單選組radio:
$("input[@type=radio]").attr("checked",'2');//設置value=2的項目為當前選中項
下拉框select:
$("#sel").attr("value",'-sel3');//設置value=-sel3的項目為當前選中項
$("1111").appendTo("#sel");//添加下拉框的option
$("#sel").empty();//清空下拉框
$(new Option(label , val)).appendTo('#sel');