テレットブログ

【jquery】リスト表示でのradioボタンクリックでイベント発生させてデータベースへ登録

2020年03月11日
image
わかりにくいタイトルかもしれませんが、
開発での備忘録として記載

要はテーブルリストを作成してラジオボタンがあり、クリックでその行のチェック済だよ
みたいな処理を行うってことなんだけど。

【表】
ID 既読 タイトル
#1 ほげほげほげ
#2 hogehogehoge


トグルボタン式だと、オンオフ処理が必要なのですが、ラジオボタンはクリックで訂正不可!
という仕様なのでちょっと簡単

まずは
ラジオボタンのソース
【html】
<input type="radio" name="yonda" value="41" class="checks" id="" />
【jquery】

    $('.checks').click(function() {
      if ( $('.checkon').prop("checked") ) {
        
        //alert('チェックされてる');
      } else {
        var v =  $(this).val();
        $.ajax({
            type: "POST",
            url: "/trigers/",
            dataType: "json",
            data: {read: v}
        
        }).success(function(data, dataType) {
            // PHPから返ってきたデータの表示
            alert('特集チェックをONにしました');
        }).error(function(XMLHttpRequest, textStatus, errorThrown) {
            alert('Error : ' + errorThrown);
        });
        //alert(v + 'チェックされてない');
      }
    });
 


【PHP】 codeigniterでの記載
    function trigers(){
        $ID = $this->security->xss_clean($this->input->POST('read')); //受け取る値(更新するSQI行)

        $this->load->model('book_model');

        $dataInfo = array(
            'radio_tokushu' => '1'            
        );

        $this->data['returndata'] = $this->book_model->updateData($dataInfo , $ID);

        header('Content-Type: application/json');
        echo json_encode($this->data['returndata']);
    }

あまり情報のなかった情報だったのでこちらで備忘録


 


新着記事

image

conoha vps で postfix にDKIMをセットする

2025年06月02日
# メールサーバー設定作業レポート ## 1. 作業概要 ConoHa
Read more →
image

shopipyのページネーションについて

2023年11月15日
Shopify APIのレスポンスヘッダーには、ページネーションに関す
Read more →
image

Git-ftpを使ったファイルアップロードの方法

2023年04月20日
タイトル: Git-ftpを使ったファイルアップロードの方法 概要
Read more →
image

ChatGPTとjQueryの組み合わせで新しい時代のウェブ開発をリード

2023年04月19日
近年、AI技術がウェブ開発の分野においても急速に浸透しています。特に、ChatG
Read more →
image

ChatGPTで日本語をマスター!次世代AI技術を活用したコミュニケーションの強化

2023年04月18日
ChatGPTは、OpenAIが開発した最先端のAI技術であり、自然言語処理(N
Read more →
Choose Colour