javascript

confirmをtableの行に紐付けるjQueryスニペット


confirmボタンがtableの各行についていて、それで「はい/いいえ」を選択した結果が行と紐付けられないんだよ~っていう相談を人伝にされました。
わざわざ行ごとにボタンを置いているプラグインを探すのも手間だし、この相談をしてくる人にプラグインの実装は難しいかもしれないと思って、ちょちょいと作ったサンプル。
誰からの相談かわからなかったのでボタンは古めかしくてわかりやすいデザイン(笑)にしておきました。

See the Pen EKNgeN by natsumi (@mayo31) on CodePen.18228

やってることは行のdataカスタム属性の値を渡しているだけなので、Vanillaに書き換えればjQuery使わなくてもできます。
もし対象ブラウザが古くてHTML5で書けないよ~っていうなら、idやclassを使って好きに名前をつけたり値を渡せばOK。

スポンサードリンク

菜摘

Web制作がメインですがときどきフライヤーデザインやCDラベルなどDTP系もやってます。 デザイナーだったはずがhtml/cssコーディングに目覚めた。 黒い画面は相変わらず怖い。 javascriptはこのごろちょっと頑張ってるよ。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です