按钮是图形用户界面中的简单元素,可以将鼠标点击或手指点击(在移动设备上)作为输入。
我想创建一个轮盘游戏,并且我制作了一个带有轮盘赌桌图像的 PictureBox。 我尝试在属性和代码中设置 Visibility = False: pictureBox1.Visible = !pictureB...
看来kivyMD不想被我学了。或者也许我没有以正确的方式学习。解决了安装问题后,现在我有了 kivyMD 了。即使我尝试一个简单的代码,例如...
为什么我的 querySelector 没有为 HTML 表单中的步骤选择正确的 ID?
当我按下按钮时,我的 digiNextStepMobil 未正确调用,并且表单未进入步骤 2。 超文本标记语言 当我按下按钮时,我的 digiNextStepMobil 未正确调用,并且表单未进入第 2 步。 HTML <form id="digi-productGuideForm-mobil"> <div id="digi-step1-1" class="digi-step"> <h2>Hvor skal ladestanderen placeres?</h2> <label><input id="beskrivelser" type="radio" name="placement" value="commonParking">Fælles p-plads</label><br> <label><input type="radio" name="placement" value="parkingGarage"> P-kælder</label><br> <label><input type="radio" name="placement" value="residentParking"> Beboerens egen p-plads</label><br> <nav id="digi-buttons"> <button type="button" id="digi-næsteKnap1" onclick="digiNextStepMobil()">Næste</button> </nav> </div> <div id="digi-step2-1" class="digi-step" style="display: none;"> <h2>Hvor mange ladeudtag har foreningen brug for?</h2> <label><input type="radio" name="outlets" value="upTo10"> Op til 10 ladeudtag</label><br> <label><input type="radio" name="outlets" value="moreThan10"> Mere end 10 ladeudtag</label> <br> <nav id="digi-buttons"> <button type="button" id="digi-tilbageKnap1" onclick="digiPreviousStepMobil()"><span class="material-symbols-outlined"> arrow_back_ios </span> Tilbage</button> <button type="button" id="digi-næsteKnap1" onclick="digiNextStepMobil()">Næste</button> </nav> </div> /* And so on with step digi-step3-1 and digi-step 4-1. */ 脚本 function digiNextStepMobil() { var digiCurrentStep = document.querySelector('.digi-step:not([style*="display: none"])'); var digiNextStep = digiCurrentStep.nextElementSibling; if (digiCurrentStep.id === "digi-step1-1") { var digiPlacement = document.querySelector('input[name="placement"]:checked').value; if (digiPlacement === "residentParking" || digiPlacement === "parkingGarage") { document.getElementById("digi-step2-1").style.display = "none"; document.getElementById("digi-step3-1").style.display = "none"; digiNextStep = document.getElementById("digi-step4-1"); } } if (digiCurrentStep.id === "digi-step3.1") { var digiHomes = document.querySelector('input[name="homes"]:checked').value; if (digiHomes === "moreThan40") { digiShowResultMobil(); return; } } if (digiNextStep) { digiShowStep(digiNextStep); } } 我尝试用不允许的点和(-)来给出 ID 的不同名称,但事实并非如此。 id="digi-tilbageKnap1" 您已发布此两次。 此错误 html 中的 ID 必须是唯一的。 如果您在正确的 css 中多次声明 ids ,它可能会起作用,但在 javascript 中不起作用。 所以总是给出不同的 id。
我正在 Android Studio 中开发一个应用程序。我在 HTML 中创建了一些按钮,并根据需要将“onclick="””值作为每个按钮的函数。 当页面加载时,JavaScript...
我想在 Unity 上使用 Vuforia 创建一个简单的增强现实应用程序。但是,我无法向图像目标添加虚拟按钮。我还在下面提供了一个屏幕截图。我怎样才能添加它? ...
请创建一个提升的按钮,然后给它一个空函数,它指示一个错误,不允许我的代码运行。即使我给它一个简单的功能,它仍然不起作用。有人可以吗
JavaFX 按钮 setOnMousePressed 未使用 button.arm() 触发
我正在尝试在JavaFX中复制“一键通”风格的按钮系统。当您按住舞台上的某个键时,该按钮将被激活,松开时该按钮将被停用。正如你所看到的...
我有一个检查时差的按钮,所以我希望用户在该按钮处于活动状态时或者当用户在按钮处于活动状态时单击该按钮时被重定向。以下是我尝试过的但是...
我有一个包含一些字段的网页。 填写字段后,它有一个提交按钮可以上传到服务器。 当该人离线并填写字段时,有没有办法保存...
当按钮调用函数时,html 文件似乎没有注意到 JavaScript,不知道为什么
我是 JavaScript 和 html 新手。我一直试图弄清楚这个问题是如何出现的,但它并不一致。我是否做错了什么而没有注意到? --JavaScript--...
如何在 ion-alert-button 中使用 Ion-router-link
实际上我已经创建了一个按钮,当我们单击该按钮时,它会显示警报,您确定吗?因此,当我单击“是”时,我想重定向到另一个页面或路由到另一个页面 实际上我已经创建了一个按钮,当我们单击该按钮时,它会显示警报,您确定吗?因此,当我单击“是”时,我想重定向到另一个页面或路由到另一个页面 <IonCardContent className={classes.cardContent}> <IonButton id="present-alert" routerDirection="back" className={`${classes.approveBtn}`} onClick={() => showAlert()}> Approve </IonButton> <IonButton id="present-alert" routerDirection="back" onClick={() => showAlert()} > Reject </IonButton> <IonAlert isOpen={alert} trigger="present-alert" header="Are you sure?" className="custom-alert" onDidDismiss={() => showAlert()} buttons={[ { text: 'No', cssClass: 'alert-button-cancel', }, { text: 'Yes', cssClass: 'alert-button-confirm', handler:()=> { <Redirect to="/admin/orders/requests" /> } } ]} ></IonAlert> </IonCardContent> <IonAlert header="Alert!" trigger="present-alert" buttons={[ { text: 'Cancel', role: 'cancel', handler: () => { console.log('Alert canceled'); }, }, { text: 'OK', role: 'confirm', handler: () => { console.log('Alert confirmed');/// ==> DO ROUTING CALLS HERE }, }, ]} onDidDismiss={({ detail }) => console.log(`Dismissed with role: ${detail.role}`)} ></IonAlert> 您可以使用警报按钮来做到这一点
我正在使用 javascript 在 chrome 扩展中创建按钮,但我找不到更改按钮大小的方法,这是代码。 var buttonShort = document.createElement("button");
获取(新创建的)Textarea 的值并将其插入 Google Sheets
我有很多文本区域,并且可以创建新的文本区域。我使用 insertValue 按钮将文本区域的值插入到电子表格中。我的代码如下: HTML: 我有许多文本区域,并且可以创建新的文本区域。我使用 insertValue 按钮将文本区域的值插入到电子表格中。我的代码如下: HTML: <!DOCTYPE html> <html> <body> <div class="container"> <input type="text" id="qnumberDS" placeholder="Enter question"> <textarea id="contentDS" placeholder="Enter question content"></textarea> <div class="options"> <div class="option"> <input type="checkbox" id="ch1" class="checkbox"> <textarea id="a" class="option-textarea" placeholder="Enter option A"></textarea> </div> <div class="option"> <input type="checkbox" id="ch2" class="checkbox"> <textarea id="b" class="option-textarea" placeholder="Enter option "></textarea> </div> <div class="option"> <input type="checkbox" id="ch3" class="checkbox"> <textarea id="c" class="option-textarea" placeholder="Enter option C"></textarea> </div> <div class="option"> <input type="checkbox" id="ch4" class="checkbox"> <textarea id="d" class="option-textarea" placeholder="Enter option D"></textarea> </div> </div> <button id="insertRow">Add options</button> <button id="insertValue">Send data</button> </div> <script> const qnumberDSInput = document.getElementById('qnumberDS'); const contentDSInput = document.getElementById('contentDS'); const optionsContainer = document.querySelector('.options'); const insertRowButton = document.getElementById('insertRow'); const insertValueButton = document.getElementById('insertValue'); function insertRow() { const newOption = document.createElement('div'); newOption.classList.add('option'); const newCheckbox = document.createElement('input'); newCheckbox.type = 'checkbox'; newCheckbox.id = `ch${optionsContainer.children.length + 1}`; newCheckbox.classList.add('checkbox'); newOption.appendChild(newCheckbox); const newTextarea = document.createElement('textarea'); newTextarea.id = String.fromCharCode(97 + optionsContainer.children.length); newTextarea.classList.add('option-textarea'); newTextarea.placeholder = `Nhập phương án ${String.fromCharCode(97 + optionsContainer.children.length)}`; newOption.appendChild(newTextarea); optionsContainer.appendChild(newOption); } function insertValue() { const title = qnumberDSInput.value; const content = contentDSInput.value; const data = []; optionsContainer.querySelectorAll('.option').forEach((option, index) => { const checkbox = option.querySelector('.checkbox'); const textarea = option.querySelector('.option-textarea'); const optionValue = textarea.value; const isChecked = checkbox.checked; const optionData = { value: optionValue, isCorrect: isChecked ? 'Đ' : 'S' }; if (!data[data.length - 1].options) { data[data.length - 1].options = []; } data[data.length - 1].options.push(optionData); }); google.script.run.enterNameDS(data); } insertRowButton.addEventListener('click', insertRow); insertValueButton.addEventListener('click', insertValue); </script> </body> </html> js: function enterNameDS(data) { var ss = SpreadsheetApp.getActiveSpreadsheet(); var shTitle = ss.getSheetByName('title'); var sh = ss.getSheetByName('tests'); var numPart1 = Number(shTitle.getRange('E8').getValue()); data.forEach(question => { const formulas = [question.title, `="${question.content}"`]; question.options.forEach(option => { formulas.push(`=if(column()=${option.position + 3};"${option.value}";"")`); }); sh.getRange(numPart1 + 1, 1, 1, formulas.length).setFormulas([formulas]); numPart1++; }); shTitle.getRange('E8').setValue(numPart1); } 不知道错误是在HTML中还是在js中。我不知道如何查找 HTML 中嵌入的脚本代码中的错误。 我真的需要你的帮助来查找这段代码中的错误。谢谢你。 问题在于 insertValue() 中,您需要将选项推入数据数组,而不是推入 data[].options。 即: data.push(optionData); 如果您不知道如何调试 html 文件中的 javascript,那么我建议您将其移至它自己的 .js 文件中,您知道如何调试它。只需记住在 html 区域中包含一个脚本命令即可执行。 <script defer src="/javascript_libraries/myJavascript.js"></script> 这是工作的 insertValue() 函数: function insertValue() { const title = qnumberDSInput.value; const content = contentDSInput.value; const data = []; optionsContainer.querySelectorAll('.option').forEach((option, index) => { const checkbox = option.querySelector('.checkbox'); const textarea = option.querySelector('.option-textarea'); const optionValue = textarea.value; const isChecked = checkbox.checked; const optionData = { value: optionValue, isCorrect: isChecked ? 'Đ' : 'S' }; // NOTE: This is push replaces the other two data.push(optionData); }); google.script.run.enterNameDS(data); }
拜托,我是颤振新手。我希望用户能够在一天的任何给定时间提款一次,但我希望在第一次点击或第一次提款后禁用提款按钮,然后...
如何对带有或不带有图标的ElevatedButton应用不同的样式
在我的应用程序中,我有许多 ElevatedButtons,我在主主题中设置了样式。我需要将带有图标的样式设置为与不带图标的样式不同的样式。 这是只有一个属性的代码,w...
VBA 按钮:font.bold = true 工作/bold = false 失败
VBA 表单上有一个按钮,我想在粗体和非粗体之间切换外观。 像这样加粗是没有问题的: cmd_WriteTable.Font.Bold = True 然而在做手术时...
应用程序栏:应用程序栏( 前导:后退按钮( 按下时:() { Get.off(exercisePage()); }, ), 形状:圆角矩形边框( borderRadius: BorderRadius.only( 左下角:Radius.circular(3...
我正在尝试通过向窗口添加视图来执行吐司通知,它有一个进度栏和一个按钮,如果它想在时间到期之前关闭,则可以单击按钮。 吐司视图 正在发生的事情是......
如何将预制件内的方法分配给按钮上的 On Click() 事件?
我有一个按钮,应该通过运行ObjectTheme脚本中的“ToggleTheme”方法来在游戏中切换浅色和深色模式,这是我想要的所有对象