$('input').attr('disabled','disabled')を個別に適用するにはどのようにしたらいいでしょうか？

Question

input で表示したテキストボックスの中にmysqlから取り出したデータを入れています。
それで、a,b,cという3種類の項目データが何行か並んでいるとして、もしaとbに値が入っていたら、cを入力できるようにし,そうでなければ入力できないようにしたいです。質問が下手でわかりづらいようでしたら、大変申し訳ありません。
以下イメージです。
a b c(白の□がデータが何もない状態、黒がデータがある状態として)
□□□←cは入力できない。
■■□←cは入力できる。
□■□←cは入力できない。

現在はinput にdisabled="disabled"を記載しており、チェンジボタンが押されると、$('input').removeAttr("disabled")で入力できるようにしています。この時に、a,bに値が入っていないものは、そのまま'disabled'にしたいのですが、、、
例えば以下のように記載すると、c全体にdisabled 適用されてしまいますし。どのようにしたら個別に対応できるのでしょうか。
$('input[id=c]').attr('disabled','disabled')

どうしようもない質問で申し訳ありません。

もし可能でしたら、ヒントか何かをお教えいただけませんか。

よろしくお願いいたします。

Comments

[kei344]

具体的にHTMLを質問文に追記いただいたほうが回答を得られやすいと思います。

Answer 1

本題と関係ありませんが、disabledのAttributeは最初に無効にするかの設定値であって、後から変えても意味をなしません（jQueryのバージョンによっては気を利かせてくれるようですが）。

あとからdisabledを制御したい場合はPropertyを制御するのが正しいです（.prop('disabled', true)/.prop('disabled', false)）。

Answer 2

プログラムの流れを考えてみましょう。

①1行ごとに処理する

$('当該行を表すセレクタ input[id="c"]')

というようにすればその行のcのみ対象にできます。

②a,bをチェックする
aが空ではない、かつbも空ではないとき、を判定しましょう。

③その行のcをdisabledにする

あと、ひとつのHTMLの中では同じ名前のidは1個しか使えません。
どれもinput[id="c"]だとするとマズいですね。

jQueryの書き方も

$('当該行を表すセレクタ input[id="c"]').prop('disabled',true);

としたほうがいいかもしれません。

Comments

[退会済みユーザー]

ご回答いただきありがとうございました！道筋が見えてきました！
ですが、またわからない点が出てきてしまいました。
https://teratail.com/questions/43128
こちらにまた質問を投稿させていただきました。
もし、お分かりになるようでしたらお教えください。
ご丁寧にありがとうございました！

Answer 3

全部のcに同じid使ってませんか？
基本的にそういう用途にはclassを用いるべきです

対応策としては全部の要素に別のidを指定してアクセスするか
idを振った要素で囲んでその要素の中のcにアクセスするか
aやbの内容をいれるときに隣(の隣)のcの要素を指定するといった感じで相対的にアクセスするか

といった対応になると思います
どれを選ぶかは規模や目的との兼ね合いですね