如何在選擇收音機時運行功能，然後單擊按鈕？

我已經創建了這個簡單的代碼，我將用它來存儲在用戶的瀏覽器中，所以，我想知道如何在有選定的廣播時運行一個函數，並且當我點擊刪除按鈕時，使用JS或JQuery。任何幫助表示讚賞。如何在選擇收音機時運行功能，然後單擊按鈕？

在此先感謝。

P.S：您的瀏覽器應該有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>

來源

2015-08-28 Kyle

抱歉，但是，我從來沒有說過複選框，它具有（產生）無線電當您保存的東西 – Kyle

我看不到無線電... – DZanella

@DZanella試試我發佈的鏈接 – Kyle

我一直在嘗試其他方法來實現它，我找到了一個給我預期結果的好方法，感謝所有試圖幫助我的人。

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>

來源

2015-08-28 15:00:46 Kyle

我編輯了自己的片段。使用$('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>

來源

2015-08-28 14:35:45

你在談論當一個單選按鈕被選中觸發一個事件，然後調用回調函數：https://api.jquery.com/checked-selector/

來源

2015-08-28 14:40:26

如何在選擇收音機時運行功能，然後單擊按鈕？

回答

相關問題