㈠ js怎麼能取得多選下拉框選中的多個值
方法:獲取多選下拉框對象數組→循環判斷option選項的selected屬性(true為選中,false為未選中)→使用value屬性取出選中項的值。實例演示如下:
1、HTML結構
<selectid="test"multiple="true">
<optionvalue="option-A">option-A</option>
<optionvalue="option-B">option-B</option>
<optionvalue="option-C">option-C</option>
<optionvalue="option-D">option-D</option>
</select>
<inputtype="button"value="確定"onclick="fun()"/>
functionfun(){
varselect=document.getElementById("test");
varstr=[];
for(i=0;i<select.length;i++){
if(select.options[i].selected){
str.push(select[i].value);
}
}
alert(str);
}
3、效果演示
㈡ js彈出文件選擇框後 怎麼選擇多個文件
<inputtype="file"name="pic"accept="image/gif"multiple/>
加一個multiple關鍵字就能選擇多個文件
㈢ js問題:按住shift鍵選中多個文件,而且不僅僅如此
shift的框選需要判斷坐標,不那麼容易
ctrl這個,思想就是用一個變數記錄ctrl鍵的狀態,就是一個bool值,onkeydown事件中判斷ctrl按下將該標志設為true,onkeyup事件中是ctrl設為false,這樣該bool值就是ctrl鍵的狀態了
滑鼠點擊事件中判斷該bool值,若為真,說明ctrl處於按下狀態,此時點擊選擇的結果加入到前面的選擇結果中;若該bool值為false,說明ctrl沒有按下,這時,應該產生新的選擇結果集
其實多選用選擇框checkbox做才是正理
㈣ 在js中怎樣獲得checkbox里選中的多個值
利用來name屬性值獲取checkbox對象,然後循自環判斷checked屬性,true表示被選中,false表示未選中。
1、HTML結構:
二、後台獲得參數為:
//獲得的均為數組值:
String checboxValues=request.getParameter("checboxValue")。
String checboxTexts=request.getParameter("checboxText")。
//得到每個具體值:
String checboxValue=checboxValues.split(",")。
String checboxText=checboxTexts.split(",")。
㈤ js中如何實現多個復選框全選
CheckBox復選框實現全選全不選功能,很簡單,就只需插入一小段js函數就行了。。。
<scriptlanguage="javascript">
functioncli(Obj)
{
//獲取控制其它復選框的對象obj
varcollid=document.getElementByIdx_x("all")
//獲取需要全選,全不選功能的所有復選框
varcoll=document.getElementsByName(Obj)
//如果obj被選中,則全選
if(collid.checked){
//循環設置所有復選框為選中狀態
for(vari=0;i<coll.length;i++)
coll[i].checked=true;
}else{//取消obj選中狀態,則全不選
//循環設置所有復選框為未選中狀態
for(vari=0;i<coll.length;i++)
coll[i].checked=false;
}
}
</script>
----------------------------------------------------
下面是一組CheckBox復選框html代碼
----------------------------------------------------
<inputname='多選項名稱'type='checkbox'value=''id="all"onclick="cli('多選項名稱');">全選
<inputname='多選項名稱'type='checkbox'value=''>A
<inputname='多選項名稱'type='checkbox'value=''>B
<inputname='多選項名稱'type='checkbox'value=''>C
<inputname='多選項名稱'type='checkbox'value=''>D
<inputname='多選項名稱'type='checkbox'value=''>E
<inputname='多選項名稱'type='checkbox'value=''>F
----------------------------------------------------
㈥ 在js中怎樣獲得checkbox里選中的多個值
利用name屬性值獲取checkbox對象,然後循環判斷checked屬性,true表示被選中,false表示未選中。
1、HTML結構:
二、後台獲得參數為:
//獲得的均為數組值:
String checboxValues=request.getParameter("checboxValue")。
String checboxTexts=request.getParameter("checboxText")。
//得到每個具體值:
String checboxValue=checboxValues.split(",")。
String checboxText=checboxTexts.split(",")。