導航:首頁 > 編程語言 > 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取值相關的資料

熱點內容
蘋果四S萬能鑰匙怎麼破不開 瀏覽:603
網路列印機共享怎麼連接 瀏覽:313
fme系統找不到指定文件 瀏覽:301
iphoneid和密碼忘了怎麼辦 瀏覽:238
蘋果電腦優盤里的文件如何加密 瀏覽:284
word標題名和文件名一致 瀏覽:957
excel修改後的文件保持了怎麼恢復 瀏覽:340
社保網路認證怎麼弄 瀏覽:92
蘋果手機怎麼傳數據到新手機相冊 瀏覽:50
5s升級ios92無服務 瀏覽:354
ubuntu翻譯工具 瀏覽:665
wifi安裝教程 瀏覽:398
蘋果有些qq文件打不開 瀏覽:139
微信分身圖片緩存在哪個文件 瀏覽:544
眾籌用什麼網站 瀏覽:1
天馬座的幻想版本 瀏覽:536
微雲保存文件圖片沒有了 瀏覽:236
如何把excel表格圖片導出到文件夾 瀏覽:387
qq三國快速升級攻略 瀏覽:660
js監聽手機home事件 瀏覽:439

友情鏈接