現在HTML,JavaScript(jQuery)を使ってボタンを作成しています。
ボタン押下ごとにtitle属性の中身を切り替えたいです。
それをHTMLのみで完結させる方法はあるでしょうか?
JavaScriptでできるのはわかるのですが、HTMLだけでもし何かできる方法があればいいなと思い、お聞きさせていただきました。三項演算子のようなものをHTMLに記述して、onクラスがあるときはtitle="on"、それ以外はtitle="off"、
みたいなことはできないでしょうか?
JavaScriptでは以下のコードで実現できたので、HTMLだけでもし完結できる方法がわかる方がいらっしゃれば教えていただきたいと思います。
HTML
1 2<!DOCTYPE html> 3<html> 4<head> 5<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> 6</head> 7<body> 8<button type="button" title="on" id="switch" class="on">OK</button> 9</body> 10<script> 11var switchFlg =true; 12$("#switch").on("click", function(){ 13 if(switchFlg){ 14 $(this).removeClass("on").addClass("off"); 15 $(this).text("off"); 16 // $(this).prop("title","off"); 17 switchFlg =false; 18 }else{ 19 $(this).removeClass("off").addClass("on"); 20 $(this).text("on"); 21 // $(this).prop("title","on"); 22 switchFlg =true; 23 } 24}); 25</script> 26</html> 27
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2016/04/16 22:25