[英]How can I run a function when a radio is selected and I click a button?
我已經創建了將用於存儲在用戶瀏覽器中的簡單代碼，因此，我想知道當存在選定的單選並且單擊刪除按鈕（使用JS或JQuery）時如何運行功能。 任何幫助表示贊賞。
提前致謝。
PS：您的瀏覽器應具有WebStorage支持
var taskCounter = 1 + Number(localStorage.getItem("count")); var name = "de"+ taskCounter; for(var i=1;i<taskCounter;i++){ var temp = "de" + i; document.writeln("<br/>"+'<input type="radio" name="rad" value="'+localStorage.getItem(temp)+'" /> <label>'+localStorage.getItem(temp)+'</lable>'); } function saveItUp(){ var desc = $('#descrip').val(); alert(desc); // Store localStorage.setItem(name, desc); localStorage.setItem("count", taskCounter); // Retrieve console.log(localStorage.getItem(name)); console.log(localStorage.getItem("count")); } //This is where I'm trying to do that, I know selected doesn't exist, but I put it just for a better comprehension function deleteItUp(){ $('input:radio').selected(function(){ if (this.checked) { alert(this.value); } }); }
<html> <head> <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script> </head> <body> <div id="main"> <label>Task</label> <textarea id="descrip"></textarea> <button onclick="saveItUp();" id="save">Save it</button> <button onclick="deleteItUp();" id="delete">Delete</button> </div> </body> </html>
我已經編輯了您的代碼段。 使用$('input[type="radio"]').prop('checked')查看是否選中了單選按鈕。 如果頁面上有多個，則需要修改選擇器以獲取適當的單選按鈕。
var taskCounter = 1 + Number(localStorage.getItem("count")); var name = "de" + taskCounter; for (var i = 1; i < taskCounter; i++) { var temp = "de" + i; document.writeln("<br/>" + '<input type="radio" name="rad" value="' + localStorage.getItem(temp) + '" /> <label>' + localStorage.getItem(temp) + '</lable>'); } function saveItUp() { var desc = $('#descrip').val(); alert(desc); // Store localStorage.setItem(name, desc); localStorage.setItem("count", taskCounter); // Retrieve console.log(localStorage.getItem(name)); console.log(localStorage.getItem("count")); } //This is where I'm trying to do that, I know selected doesn't exist, but I put it just for a better comprehension function deleteItUp() { if ($('input[type="radio"]').prop('checked')) { alert('Deleting!'); } else { alert('Delete radio not checked!'); } }
<html> <head> <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script> </head> <body> <div id="main"> <label>Task</label> <textarea id="descrip"></textarea> <button onclick="saveItUp();" id="save">Save it</button> <button onclick="deleteItUp();" id="delete">Delete</button> <input type="radio">Check to delete </div> </body> </html>
我一直在嘗試其他方法來實現它，但是我找到了一種可以給我帶來預期結果的好方法，感謝所有嘗試幫助我的人。
var taskCounter = 1 + Number(localStorage.getItem("count")); var name = "de" + taskCounter; for (var i = 1; i < taskCounter; i++) { var temp = "de" + i; document.writeln("<br/>" + '<input type="radio" name="rad" value="' + temp + '" /> <label>' + 'Code: ' + temp + ' | Value: ' + localStorage.getItem(temp) + '</lable>'); } function saveItUp() { var desc = $('#descrip').val(); alert(desc); // Store localStorage.setItem(name, desc); localStorage.setItem("count", taskCounter); // Retrieve console.log(localStorage.getItem(name)); console.log(localStorage.getItem("count")); } var selectedRadioId = 0; $('input:radio').change(function() { if (this.checked) { selectedRadioId = this.value; } }); function deleteItUp() { if (selectedRadioId !== 0) { alert('Deleting!'); } else { alert("Radio hasn't been checked!"); } }
<html> <head> <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script> </head> <body> <div id="main"> <label>Task</label> <textarea id="descrip"></textarea> <button onclick="saveItUp();" id="save">Save it</button> <button onclick="deleteItUp();" id="delete">Delete</button> </div> </body> </html>
您正在談論在選中單選按鈕時觸發事件，然后調用回調函數： https : //api.jquery.com/checked-selector/
如果我單擊選擇按鈕並在文本框中傳遞其值，如何獲得所選單選按鈕的值？
[英]how can i get the value of selected radio button if i click the select button and pass its value in a textbox?
如何使用 JavaScript 和 PHP 檢查是否選擇了單選按鈕
[英]How can I check if a radio button is selected using JavaScript and PHP
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.