ホームページ  >  記事  >  ウェブフロントエンド  >  以下の効果を実現する方法を教えてください。 _html/css_WEB-ITnose

以下の効果を実現する方法を教えてください。 _html/css_WEB-ITnose

WBOY
WBOYオリジナル
2016-06-24 12:04:241055ブラウズ





上記の効果を実現する方法を教えてください。「男の子」を選択すると、「男の子」ボタンが青になり、「女の子」ボタンが灰色になります。「女の子」を選択すると、「男の子」ボタンが灰色になります。 「女の子」ボタンが青に変わります。


ディスカッションに返信 (解決策)

デバッグ ツールを使用して HTML タグをキャプチャし、スタイルが何であるかを確認します。CSS クラスの場合は、クリック時にクラスを切り替えるだけで制御できます。 CSS
スタイルで記述された背景色である場合は、クリックイベントの style.backgroundColor を変更します

モバイル開発の場合は、jquery mobile を検討できます

juqery mobile でフォーム要素がどのように表示されるかを確認します

モバイル端末の開発であれば、jquery mobile を検討してください

juqery mobile のフォーム要素の表示形式を確認してください



モバイル端末の開発です まず、提供したリンクをありがとうございます。とても便利です。しかし、コードをコピーしてそのまま使用したのですが、何か他の設定があるのでしょうか?

ファイルをインポートしましたか
jquery.mobile-1.4.2.min.css
jquery.mobile-1.4.2.min.js

インポートしていない場合は、ダウンロードしてページにインポートできます

ダウンロードアドレス

「性別:」ボタンと「男の子、女の子」ボタンが同じ行にないのはなぜですか?コードは次のとおりです:
---------------------------------------- ---------------------------------------------------- ------- ----------------------------------


< TD vAlign=top class=new style="PADDING-BOTTOM: 8px"> 姓:


名前: ;

l "& gt; & & lt; 凡例 & gt;

カラー スタイルを追加してください

temp.html代码如下:











  

    

      
      
  
  
      
  
  

    
    
    
    
    

  
      
    

  






---------------------------------------- -----------------------------
temp1.html代码如下:




































---------------------------------------- -----------------------

通常の状況下、在temp.html页面点提交应转へtemp1.html页面,而temp1.html页面点

しかし、現在の状況では、temp.html ページ ポイントでのハンドオーバーではなく、temp1.html ページ ポイントでのハンドオーバーがすべて「このページは表示されません」と考えられますか?

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。