Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/84.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在警报框中插入单选按钮_Javascript_Jquery_Html - Fatal编程技术网

Javascript 如何在警报框中插入单选按钮

Javascript 如何在警报框中插入单选按钮,javascript,jquery,html,Javascript,Jquery,Html,我正在根据用户输入生成一个表。单击函数查找表单元格索引。我正在尝试使用单选按钮添加警报。单击单元格时,将生成警报,警报框应具有单选按钮。我试过了,但出了点问题 函数CreateTable(){ var rowCtr; var-cellCtr; var-rowCnt; var-cellCnt; var myTableDiv=document.getElementById(“myDynamicTable”); var table=document.createElement('table'); t

我正在根据用户输入生成一个表。单击函数查找表单元格索引。我正在尝试使用单选按钮添加警报。单击单元格时,将生成警报,警报框应具有单选按钮。我试过了,但出了点问题

函数CreateTable(){
var rowCtr;
var-cellCtr;
var-rowCnt;
var-cellCnt;
var myTableDiv=document.getElementById(“myDynamicTable”);
var table=document.createElement('table');
table.setAttribute(“contenteditable”、“true”);
table.border='1';
table.id='myTable';
var tableBody=document.createElement('Tbody');
table.appendChild(表体);
rowCnt=document.getElementById('txtrows').value;
cellCnt=document.getElementById('txtcols').value;
对于(var rowCtr=0;rowCtrInsert After');
警报('popuplist'+popuplist');
});
});
}

行数
列计数
创建表

本机使用窗口对象方法,您只能:

  • 显示带有消息和“确定”按钮的警报框-
  • 显示包含消息、确定和取消按钮的对话框-
  • 显示一个对话框,其中包含消息、OK和Cancel按钮-Window prompt()方法
HTML必须在表单内部使用到文档正文中。

警报()是由浏览器(客户端)软件生成和呈现的图形组件。它不是网页的一部分,也不能在网页中呈现HTML,只能呈现纯文本

但是,您可以通过使用HTML和CSS构建自己的对话框并在需要时将其隐藏起来,从而获得想要的结果。当这种情况发生时,您可以通过JavaScript显示它

下面是一个例子:

让selectedColor=“”;
//获取要多次引用的元素的DOM引用
让dialog=document.getElementById(“dialog”);
让result=document.getElementById(“结果”);
让mask=document.getElementById(“mask”);
//为按钮设置事件处理程序
document.getElementById(“show”).addEventListener(“单击”,函数(){
mask.classList.remove(“hidden”);//显示掩码
dialog.classList.remove(“hidden”);//显示对话框
});
document.getElementById(“隐藏”).addEventListener(“单击”,函数)(){
mask.classList.add(“hidden”);//隐藏掩码
dialog.classList.add(“hidden”);//隐藏对话框
result.textContent=“您选择:”+selectedColor;
});
//在对话框上设置事件侦听器以单击单选按钮
对话框。addEventListener(“单击”),函数(事件){
//如果单击的来源是单选按钮,则捕获其值
如果(event.target.type==“无线电”){
selectedColor=event.target.value;
}
});
.hidden{display:none;}/*默认情况下由对话框使用*/
/*显示对话框时,遮罩将覆盖主网页*/
#面具{
位置:绝对位置;
背景色:rgba(0,0,0,25);
排名:0;
左:0;
右:0;
底部:0;
z-index:1;/*将遮罩分层到主网页内容的顶部*/
}
/*根据需要设置对话框及其元素的样式*/
#对话框{
position:absolute;/*这样对话框就可以位于它自己的层中,并放置在我们想要的任何位置*/
最高:20%;
左:25%;
边框:10px双倍#222;
背景色:aliceblue;
填充:10px;
宽度:50%;
高度:125px;
文本对齐:居中;
z-index:10;/*确保对话框位于顶层*/
}
#对话框>h1{
边际上限:0;
}
#对话框>页脚{
边缘顶部:1.5em;
}
#结果{
文本对齐:居中;
字体大小:粗体;
字号:2em;
边缘:2米;
}

请选择一种颜色
红色
白色
蓝色

警报不会呈现HTML,因此您在那里运气不佳。您需要使用由HTML和CSS构建的模式对话框来显示对话框的外观和行为,而不是使用本机警报。警报框只能包含文本,不能包含HTML元素。您可以制作类似于模式的警报框,在其中可以放置单选按钮。谢谢,@ADysonLook for The
window
对象的任何示例文章都是用小写字母
w
(即
window.alert()
)编写的。是的。我从W3School复制粘贴了标题,它不是代码。