下拉框 單選按鈕和多選框的值回顯和取值

2021-09-25 18:18:17 字數 1789 閱讀 5263

女男

北京上海

廣州玩電腦

游泳玩手機

跑步

假設使用者是個男人,住在廣州,喜歡玩電腦、游泳,在該頁面進行頁面資料的回顯

js:

var gender = document.getelementsbyname("gender");

var city = document.getelementbyid("city");

var hobby = document.getelementsbyname("hobby");

gender.foreach(function(item)

});var opts = city.options;

for(let i=0;ijq:

$("input[name='gender'][value='man']").attr("checked","checked");

$("#city").find("option[value='gz']").attr("selected","selected");

$("input[name='hobby']").each(function(index)

});

女男

北京上海

廣州玩電腦

游泳玩手機

跑步

js:

var gender = document.getelementsbyname("gender");

var gendervalue,hobbyvalue;

gender.foreach(function(item)

});var city = document.getelementbyid("city");

var cityindex = city.selectedindex; // 選中索引

var citytext = city.options[cityindex].text; // 選中文字

var cityvalue = city.options[cityindex].value; // 選中值

var hobby = document.getelementsbyname("hobby");

hobby.foreach(function(item)

});

jq:

var radioval = $("input[name='gender']:checked").val();

var selectval = $("#city option:selected").val();

var selecttext = $("#city option:selected").text();

var checkboxval = ;

$("input[name='hobby']:checked").each(function());

一般用於閱讀須知(checkbox)

js:

var readed = document.getelementbyid("readed");

var flag = readed.checked; //true or false

jq:

var flag = $("#readed").is(':checked');    //true or false

學習 jQuery下拉框,單選框,多選框整理

獲取一組radio被選中項的值 var item input name items checked val 獲取select被選中項的文字 var item select name items option selected text select下拉框的第二個元素為當前選中值 select id ...

jQuery對下拉框 單選框 多選框的處理

下拉框 1 得到下拉列表的選中項的文字 注意中間有空格 2var cc1 formc select name country option selected text 34 得到下拉列表的選中項的值 5var cc2 formc select name country val 67 得到下拉列表的選...

多選框向後台傳值,多選框的回顯,對多選框的各種操作

1.多選框的回顯 js function 獲取多選框需要回顯得對應的值集合 console.info checkarray checkarray for var i 0 i 獲取所有核取方塊物件的value屬性,然後,用checkarray i 和他們匹配,如果有,則說明他應被選中 each che...