button 相关问题

实际上我已经创建了一个按钮，当我们单击该按钮时，它会显示警报，您确定吗？因此，当我单击“是”时，我想重定向到另一个页面或路由到另一个页面实际上我已经创建了一个按钮，当我们单击该按钮时，它会显示警报，您确定吗？因此，当我单击“是”时，我想重定向到另一个页面或路由到另一个页面 <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> 您可以使用警报按钮来做到这一点

reactjs ionic-framework button routes alerts

回答 1 投票 0

如何在 javascript 中更改按钮大小

我正在使用 javascript 在 chrome 扩展中创建按钮，但我找不到更改按钮大小的方法，这是代码。 var buttonShort = document.createElement("button");

javascript css button size

回答 5 投票 0

获取（新创建的）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); }

javascript html google-apps-script button textarea

回答 1 投票 0

如何在用户点击 flutter 中的按钮后禁用该按钮一天

拜托，我是颤振新手。我希望用户能够在一天的任何给定时间提款一次，但我希望在第一次点击或第一次提款后禁用提款按钮，然后...

flutter dart datetime button sharedpreferences

回答 1 投票 0

如何对带有或不带有图标的ElevatedButton应用不同的样式

在我的应用程序中，我有许多 ElevatedButtons，我在主主题中设置了样式。我需要将带有图标的样式设置为与不带图标的样式不同的样式。这是只有一个属性的代码，w...

flutter button themedata

回答 1 投票 0

VBA 按钮：font.bold = true 工作/bold = false 失败

VBA 表单上有一个按钮，我想在粗体和非粗体之间切换外观。像这样加粗是没有问题的： cmd_WriteTable.Font.Bold = True 然而在做手术时...