ラジオを選択してボタンをクリックしたときに機能を実行するにはどうすればよいですか？

debugcn 投稿 Dev

カイル

ユーザーのブラウザに保存するために使用するこの単純なコードを作成したので、選択したラジオがあり、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>

カイル

私はそれを達成するために他の方法を試みてきました、そして私は私に期待された結果を与える良い方法を見つけました、私を助けようとしたすべてのあなたに感謝します。

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>

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]