导航:首页 > 编程语言 > 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弹出复选框相关的资料

热点内容
python代码过长换行 浏览:697
欧冠直播哪个app画质最清楚 浏览:225
iphone6备份密码 浏览:365
微信打码赚钱安卓软件 浏览:608
苹果官换机买什么版本 浏览:979
visio数据模型怎么用 浏览:179
关于驾驶的app 浏览:92
多线程编程有什么特点 浏览:453
iso文件系统 浏览:116
苹果932拦截骚扰电话 浏览:765
盲盒开箱app有哪些 浏览:422
win10激活脚本之家 浏览:191
魔鬼作坊工具包 浏览:185
ae源文件下载 浏览:520
如何将照片内容转换成pdf文件 浏览:137
浙里办app如何更换手机号码 浏览:244
电子资料文件有哪些 浏览:241
猥琐猫表情教程 浏览:599
android音频文件格式 浏览:458
漫画脸app哪里可以下载 浏览:959

友情链接