導航:首頁 > 編程語言 > checkboxjs取值

checkboxjs取值

發布時間:2024-04-27 01:07:20

Ⅰ jquery / js 獲取當前操作(選中或取消選擇)的checkbox的值

<script type="text/javascript">
$(document).ready(function(){
//添加100個checkbox,值為0~99
for(var i = 0;i < 100;i++)
$("<input type='checkbox' value='"+i+"'>第"+(i+1)+"行<br>").appendTo("body").bind("click",function(){
var obj = $(this);
var result="你所點的checkbox";
if(obj.attr("checked"))
result+="已選擇內";
else
result+="未選容擇";
result+=",其值為"+obj.val();
alert(result);
});
});
</script>

Ⅱ js中text、combobox的值都可以用.value獲取,checkbox的值怎麼獲取

因為checkbox編譯成html後是以這種形式存在的
編譯前:<asp:CheckBox ID="chk1" runat="server" Text="11" />/*asp.net 為列*/
編譯後:<input id="chk1" type="checkbox" name="CheckBox1" /><label for="chk1">11</label>
所以想通過.value獲得文本值顯然是不回可能的了。可以通答過下面的方法:
var chk_value=document.getElementById("chk1").nextSibling.innerText;

Ⅲ 在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怎麼取得name=checkbox[]的復選框選中個數

var inputs = document.getElementsByName("cb[]");

var checked_counts = 0;

for(var i=0;i<inputs.length;i++){

if(inputs[i].checked){

checked_counts++;

}

}

alert(checked_counts);

(4)checkboxjs取值擴展閱讀:

JS的使用方法

1.JS中的字元與字元相連接使用+號.

2.JS中的比較操作符有:==等於,!=不等於,>,>=,<.<=

3.JS中聲明變數使用:var來進行聲明

4.JS中的判斷語句結構:if(condition){}else{}

5.JS中的循環結構:for([initial expression];[condition];[upadte expression]) {inside loop}

6.循環中止的命令是:break

7.JS中的函數定義:function functionName([parameter],...){statement[s]}

8.當文件中出現多個form表單時.可以用document.forms[0],document.forms[1]來代替.

9.窗口:打開窗口window.open(), 關閉一個窗口:window.close(), 窗口本身:self

10.狀態欄的設置:window.status="字元";

11.JS中的取字元串長度是:(length)

Ⅳ 在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中獲取checkbox選中的值的方法:
<script>
function checkbox()
{
var str=document.getElementsByName("box");
var objarray=str.length;
var chestr="";
for (i=0;i<objarray;i++)
{
if(str[i].checked == true)
{
chestr+=str[i].value+",";
}
}
if(chestr == "")
{
alert("請先選擇一個愛好");
}
else
{
alert("先擇的是:"+chestr);
}
}
</script>

選擇愛好:
<input type="checkbox" name="box" id="box1" value="跳水" />跳水
<input type="checkbox" name="box" id="box2" value="跑步" />跑步
<input type="checkbox" name="box" id="box3" value="聽音樂" />聽音樂
<input type="button" name="button" id="button" onclick="checkbox()" value="提交" />

Ⅶ 如何用js讀取復選框的值

思路:首先利用name屬性值獲取checkbox對象,然後循環判斷checked屬性:如果為true表示被選中,false則表示未選中。

實例演示如下:

1、HTML結構

<inputtype="checkbox"name="test"value="1"/><span>1</span>
<inputtype="checkbox"name="test"value="2"/><span>2</span>
<inputtype="checkbox"name="test"value="3"/><span>3</span>
<inputtype="checkbox"name="test"value="4"/><span>4</span>
<inputtype="checkbox"name="test"value="5"/><span>5</span>
<inputtype='button'value='提交'onclick="fun()"/>

2、javascript代碼

functionfun(){
obj=document.getElementsByName("test");
check_val=[];
for(kinobj){
if(obj[k].checked)
check_val.push(obj[k].value);
}
alert(check_val);
}

3、演示效果

Ⅷ JS中怎麼循環出checkbox所取的的值

思路:先獲取checkbox對象,然後循環判斷每個checkbox的checked屬性(true為選中,false為未選中)。示例如下:

1、HTML結構

<inputtype="checkbox"name="test"value="1"/>checkbox-1
<inputtype="checkbox"name="test"value="2"/>checkbox-2<br>
<inputtype="checkbox"name="test"value="3"/>checkbox-3
<inputtype="checkbox"name="test"value="4"/>checkbox-4<br>
<inputtype='button'value='確定'onclick="fun()"/>

2、javascript代碼

functionfun(){
varboxes=document.getElementsByTagName("input");
varval=[]
for(i=0;i<boxes.length;i++){
if(boxes[i].name=="test"&&boxes[i].checked==true){
val.push(boxes[i].value);
}
}
alert(val);
}

3、效果演示

閱讀全文

與checkboxjs取值相關的資料

熱點內容
jscss切換樣式表實現網頁換膚 瀏覽:423
如何防止別人利用文件 瀏覽:269
蘋果微信下載文件找不到 瀏覽:987
怎麼刪除資料庫再建同名庫 瀏覽:195
涼台封斷橋鋁如何測量數據 瀏覽:74
word2007自動分頁 瀏覽:648
怎麼復制鋼筆工具畫出來的線條 瀏覽:882
資料庫哪些比較好 瀏覽:38
ps人物美白去斑教程 瀏覽:66
打開軟體彈出無效文件提示 瀏覽:704
學習四級聽力app哪個好 瀏覽:561
mac如何下載win10鏡像文件 瀏覽:624
日版a1453卡貼機升級 瀏覽:912
javascript全局變數局部變數 瀏覽:496
大數據的底表是什麼意思 瀏覽:981
龍與城取物下載什麼app 瀏覽:19
山西大同哪裡學編程課 瀏覽:316
許可證與配置文件 瀏覽:140
華為怎麼連接電腦數據線 瀏覽:288
核實數據後如何回復 瀏覽:572

友情鏈接