導航:首頁 > 編程語言 > js彈出復選框

js彈出復選框

發布時間:2023-08-07 14:33:05

javascript,confirm對話框上面帶一個復選框,怎麼實現

window.confirm()對話框中是不能加任何元素的(VB似乎可以),如果你想實現你所說的功能,建議自己做一個仿似對話框的頁面。

Ⅱ 我寫的js程序是點擊一個按鈕彈出一個有一些復選框的div,但是每次點擊後div只是閃現一下就沒了

確認一下,頁面【按鈕】點擊是否存在頁面的刷新,例如【按鈕】在form標簽當中

Ⅲ 求js代碼,三個復選框選項,選中一個復選框後面彈出對應的下拉框,選中兩個復選框要出現兩個對應的下拉框

<! html>

<html>

<head>

<title></title>

<style type="text/css">

.hide{

display: none;

}

</style>

<script type="text/javascript" src="https://code.jquery.com/jquery-3.4.1.min.js"></script>

<script type="text/javascript">

$(function(){

$('.cbx').click(function(){

c = $(this).is(":checked");

t = $(this).attr("target");

if(!c)

$('#o'+t).hide();

else

$('#o'+t).show();

});

})

</script>

</head>

<body>

<input target="1" class="cbx" type="checkbox" value="test1">

<select id="o1" class="hide"><option>1</option></select>

<input target="2" class="cbx" type="checkbox" value="test2">

<select id="o2" class="hide"><option>2</option></select>

<input target="3" class="cbx" type="checkbox" value="test3">

<select id="o3" class="hide"><option>3</option></select>

</body>

</html>

Ⅳ js使用DOM設置單選按鈕、復選框及下拉菜單的方法

本文實例講述了js使用DOM設置單選按鈕、復選框及下拉菜單的方法。分享給大家供大家參考。具體實現方法如下:
1.設置單選按鈕
單選按鈕在表單中即<input
type="radio"
/>它是一組供用戶選擇的對象,但每次只能選一個。每一個都有checked屬性,當一項選擇為ture時,其它的都變為false.
先貼上一個例子:
復制代碼
代碼如下:<script
type="text/javascript">

function
getChoice()
{
var
oForm
=
document.forms["uForm1"];
var
aChoices
=
oForm.camera;
for
(i
=
0;
i
<
aChoices.length;
i++)
//遍歷整個單選項表

if
(aChoices[i].checked)
//如果發現了被選中項則退出
break;
alert("相機品牌是:"
+
aChoices[i].value);

}

function
setChoice(iNum)
{
var
oForm
=
document.forms["uForm1"];
oForm.camera[iNum].checked
=
true;

}
</script>
<form
method="post"
name="uForm1"
action="addInfo.aspx">

相機品牌:

<p>
<input
type="radio"
name="camera"
id="canon"
value="Canon">
<label
for="canon">Canon</label>

</p>

<p>
<input
type="radio"
name="camera"
id="nikon"
value="Nikon">
<label
for="nikon">Nikon</label>

</p>

<p>
<input
type="radio"
name="camera"
id="sony"
value="Sony"
checked>
<label
for="sony">Sony</label>

</p>

<p>
<input
type="radio"
name="camera"
id="olympus"
value="Olympus">
<label
for="olympus">Olympus</label>

</p>

<p>
<input
type="radio"
name="camera"
id="samsung"
value="Samsung">
<label
for="samsung">Samsung</label>

</p>

<p>
<input
type="radio"
name="camera"
id="pentax"
value="Pentax">
<label
for="pentax">Pentax</label>

</p>

<p>
<input
type="radio"
name="camera"
id="others"
value="其它">
<label
for="others">others</label>

</p>

<p>
<input
type="submit"
name="btnSubmit"
id="btnSubmit"
value="Submit"
class="btn">

</p>

<p>
<input
type="button"
value="檢測選中對象"
onclick="getChoice();">
<input
type="button"
value="設置為Canon"
onclick="setChoice(0);">

</p>
</form>

Ⅳ js 這里的復選框是怎麼加上去的

這個是瀏覽器的功能,並不是你可以通過代碼控制的.在IE下你就看不到這個復選框

閱讀全文

與js彈出復選框相關的資料

熱點內容
王者什麼時候版本更新 瀏覽:123
win10桌面圖標太小亂跑 瀏覽:73
寫公文時保密數據如何反映 瀏覽:767
arch設置ip配置文件 瀏覽:641
燒杯APP中的氣體和液體在哪裡 瀏覽:3
找同行工作在哪個網站 瀏覽:254
linuxdirfd 瀏覽:290
電腦列印一張文件多少錢 瀏覽:212
斗戰神遊戲修復工具 瀏覽:736
系統更新網路無法鏈接不上電腦沒反應 瀏覽:851
什麼是二層網路架構 瀏覽:402
中醫看書好的app 瀏覽:516
win10紙牌變成英文 瀏覽:135
源碼文件圖片路徑怎麼形成的 瀏覽:432
ai變數寬度配置文件點不了 瀏覽:460
強制安裝app去哪裡舉報 瀏覽:719
微信登錄數據保存在哪裡 瀏覽:321
pic編程哪裡下載 瀏覽:549
蘋果ipad官方壁紙 瀏覽:154
華創網路信號怎麼樣 瀏覽:495

友情鏈接